Skills

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

  1. Clarify audience and constraints.
  2. Design hierarchy, spacing, and states.
  3. Implement with responsive/accessible patterns.
  4. Visual QA against the acceptance criteria.

More in Design