Agent Skills
› codewhale-hq/Codewhale
› frontend-design
frontend-design
GitHub专注于有意设计、响应式及无障碍的前端 UI 开发与视觉质量保障，避免通用占位布局。
Trigger Scenarios
需要创建符合无障碍标准的响应式界面
执行前端 UI 的视觉质量检查
Install
npx skills add codewhale-hq/Codewhale --skill frontend-design -g -y
SKILL.md
Frontmatter
{
"name": "frontend-design",
"invocation": "model+user",
"description": "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.
Version History
- 8225f75 Current 2026-11-02 21:24
