product-design
SolidSpecifies interaction choices, action scope, reversibility, recovery, and reachable states. Use when asked to "design the flow", "should delete be undoable", "choose the control", or "review this product decision". For visual implementation use ui-design; for motion use ui-animation; for wording use ghostwriter.
Install
Quality Score: 86/100
Skill Content
Details
- Author
- mblode
- Repository
- mblode/agent-skills
- Created
- 8 months ago
- Last Updated
- today
- Language
- Python
- License
- MIT
Integrates with
Similar Skills
Semantically similar based on skill content — not just same category
ui-design
Designs and builds React/Next/Tailwind UI and audits visual and interaction defects. Use when asked to "build a landing page", "extract our design system", "add dark mode", "make this responsive", "remove UI slop", or "audit this component". For product decisions use product-design; for browser measurements use ui-verification; for motion use ui-animation.
product-design
Turns an early product idea into explicit user flows, screen architecture, stack choices, and a frontend-first implementation plan. Use before coding a new product, redesigning a product flow, choosing a web/app stack, or translating a product concept into an AI-assisted build plan.
product-ui-design
Design, implement, or review web, mobile, and desktop product interfaces from real product context and the repository's existing design language. Use for pages, flows, components, responsive behavior, interaction states, accessibility, and visual refinement. Reject generic template aesthetics and unverified visual-completion claims. Do not use for document, slide, or technical-diagram styling.