Total 53,723 skills, Product & Design has 2052 skills
Showing 12 of 2052 skills
Create and customize MoonShine color palettes using OKLCH color space for light and dark themes. Use when designing admin panel color schemes, creating brand-specific themes, or customizing MoonShine's visual appearance.
Create a decision memo with options, trade-offs, and recommendations for roadmap prioritization. Use when a PM needs help with roadmap alignment memo.
Plan, conduct, and synthesize user research. Trigger with "user research plan", "interview guide", "usability test", "survey design", "research questions", or when the user needs help with any aspect of understanding their users through research.
Pencil Design Skill for Team Workflows (Phase 2). Produce design.pen (or declare no UI design) based on requirements and plans, and prepare G2 design review materials.
Manage design tokens, component libraries, and pattern documentation. Trigger with "design system", "component library", "design tokens", "style guide", or when the user asks about maintaining consistency across designs.
Build your PMF context layer - reference files that capture the "WHY" behind your product. Use when user mentions "PMF", "product market fit", "define my PMF context", "PMF context", "ICP", "value prop", "aha moments", or asks about understanding customers or market positioning.
Guide product managers through creating an Opportunity Solution Tree (OST) by extracting target outcomes from stakeholder requests, generating opportunity options (problems to solve), mapping potentia
Coaches PMs and new Directors through the transition from individual contributor to organizational leader across four situations: preparing, interviewing, newly landed, or recalibrating.
Production-grade UI/UX guidance and review skill. Transforms vague design feedback into actionable, implementable recommendations. Two modes: `guide` (principles + do/don't rules for modern interfaces) and `review` (structured audit with prioritized fixes). Covers task-first UX, information architecture, CRAP visual hierarchy, accessibility, responsive design, typography, color systems, cognitive psychology, and interaction patterns. Enforces a modern minimal aesthetic — clean, spacious, typography-led — with zero tolerance for emoji-as-icons, decoration-first design, or AI-generated visual excess.
Design high-converting onboarding flows that get users to their "aha moment" fast. Reduce time-to-value, improve activation rates, and boost Day 1/Day 7 retention through progressive disclosure, empty states, and habit formation.
Design System Governance Workflow for auditing, refactoring, and syncing enterprise design systems, design tokens, Figma variables, and developer handoff outputs.
Reverse-engineer an application's design system from its codebase and screenshots. Use when asked to analyse visual design, extract a colour palette, document UI patterns, identify typography and spacing systems, audit design consistency, or understand the design language of a frontend codebase.