feat: rewrite frontend-design skill with layered architecture and visual verification (#343)

This commit is contained in:
Trevin Chow
2026-03-22 18:55:58 -07:00
committed by GitHub
parent 341c379168
commit 423e692726
4 changed files with 634 additions and 28 deletions

View File

@@ -216,7 +216,15 @@ This command takes a work document (plan, specification, or todo file) and execu
- Fix visual differences identified
- Repeat until implementation matches design
6. **Track Progress**
7. **Frontend Design Guidance** (if applicable)
For UI tasks without a Figma design -- where the implementation touches view, template, component, layout, or page files, creates user-visible routes, or the plan contains explicit UI/frontend/design language:
- Load the `frontend-design` skill before implementing
- Follow its detection, guidance, and verification flow
- If the skill produced a verification screenshot, it satisfies Phase 4's screenshot requirement -- no need to capture separately. If the skill fell back to mental review (no browser access), Phase 4's screenshot capture still applies
8. **Track Progress**
- Keep the task list updated as you complete tasks
- Note any blockers or unexpected discoveries
- Create new tasks if scope expands