frontend-design
Produce intentional, responsive, accessible UI work and perform visual QA instead of generic component assembly.
- License 许可
- MIT
- 最近更新
- 2026-11-12
- Stars
- ★ 4.1w
- Forks
- 3.6k
01 前言 Front Matter
- name
- frontend-design
- invocation
- model+user
- description
- Produce intentional, responsive, accessible UI work and perform visual QA instead of generic component assembly.
02 资源文件 4
- 参考文档references/getting_started.md9.9 KB
- 参考文档references/node.md6.0 KB
- 参考文档references/observation.md5.4 KB
- 参考文档references/resolve.md7.0 KB
03 SKILL.md 正文
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.
04 同仓库更多 Skills
gh-find-prs
Survey the open Codewhale PR and issue queue read-only: fetch each item, check it against current code, and produce one coverage and disposition matrix with cited evidence and credit owed.
gh-file-issue
Use when filing a new Codewhale GitHub issue: turn a bug or idea into a well-formed, actionable issue with repro, acceptance criteria, labels, and milestone.
gh-close-issues
Close resolved Codewhale issues only after verifying the landed behavior: Refs #N per landing, Fixes #N only when the reporter's scenario was reproduced, closure at the release step or on the reporter's confirmation, always with a crediting comment.
gh-assign-issues
Use to assign GitHub issues to a milestone and/or owners in bulk, verifying each.
feedback
暂无简介
cw-slice
Use before writing code for any Codewhale feature, upgrade, or refactor: find the existing owner of the behavior, bound the change to one reviewable slice, and fix the evidence bar before you start.