Agent Skills
› Hmbown/Codewhale
› frontend-design
frontend-design
GitHub专注于生产有意、响应式且无障碍的UI工作，执行视觉质量保证而非通用组件组装。涵盖明确需求、设计层级与状态、实现响应式/无障碍模式及视觉QA流程。
触发场景
需要高质量UI界面开发
进行前端视觉验收测试
涉及响应式或无障碍适配的任务
安装
npx skills add Hmbown/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.
版本历史
- b0e4926 当前 2026-07-24 17:42
