design-spec - Create UI/UX design specifications for developer handoff
Creates structured UI/UX design specifications covering component inventory, layout tokens, interactions, and responsive breakpoints.
Tags
Updated: 2026-09-20Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Extract UI requirements from inputs
- Build UI component inventory
- Define element interaction states
- Extract visual design tokens
- Document responsive breakpoint behaviors
- Generate Markdown design specification files
Inputs
- Product Backlog Items or user stories
- Requirements documents
- Figma design URLs
- Wireframe images or screenshots
- Design system reference documents
Outputs
- Design specification Markdown files in team-artifacts/design-specs/
Requirements
- File tools (Read, Write, Edit, Grep, Glob)
- Multimodal support for image processing