Specify screens like a senior designer
designcommandsetup L1★0
sangvvan/web-automation-develop-template ↗What it does
Generate screen design specs from user stories
Best for
Converting vague user stories into implementation-ready design specs with no designer follow-up
Inputs
- · user story ID or list
- · design system tokens
- · component library
- · interaction patterns
Outputs
- · 13-section spec markdown
- · component updates
- · token changes
- · traceability updates
Requires
- · design system files
- · component library
- · accessibility checker
Preconditions
- · user story file exists
- · design-system/tokens.md exists
- · no spec file already present
Failure modes
- · missing user story file
- · token not defined
- · component not in library
- · spec already exists
Trust signals
- · enforces 13-section structure
- · requires focus rings on every interactive
- · specifies empty/error/loading states
- · uses design tokens only