/frontend-design-review

Audits any frontend artifact against a codified design system. Scores five dimensions, produces graded findings with code fixes, and generates a designer handoff brief.

Type: Standalone skill (integrates with /landing-page pipeline) Trigger: design review, check this design, design audit, is this on-brand, check the colors, check the tokens, design QA, frontend review, UI review, greyscale test, color audit, typography check

Scoring

Weighted total → verdict:

Output

frontend-design-review/
├── review.md          # Graded audit with scores and findings
├── checklist.md       # Binary pass/fail per item
├── redlines.md        # Before/after code fixes
└── handoff-brief.md   # One-page designer summary

Modes

Landing Page Integration

Plugs into /landing-page at two points:

• Review Point A (after design brief, Phase 4) — verify tokens, fonts, temperature direction
• Review Point B (after page build, Phase 6) — full 5-dimension audit