
Frontend Design
Produce intentional, responsive, accessible UI work and perform visual QA instead of...
Install
npx skills add codewhale-hq/Codewhale --skill frontend-design -g -a claude-code -y- Repository
- codewhale-hq/Codewhale41.2k
- Category
- Design
- Updated
- 3d ago
- License
- MIT
- Context cost
- Lightabout 99 tokens
- Runs scripts
- No, instructions only
What it does
Produce intentional, responsive, accessible UI work and perform visual QA instead of generic component assembly.
Frontend Design
When to use
Use for UI that must feel intentional, responsive, and accessible.
Non-goals
- Do not ship generic placeholder layouts as finished design.
- Do not ignore accessibility.
Workflow
- Clarify audience and constraints.
- Design hierarchy, spacing, and states.
- Implement with responsive/accessible patterns.
- Visual QA against the acceptance criteria.


