frontend-design · Anthropic
前端设计 Skill
在创建或重新设计界面前，为编程 Agent 提供清晰的视觉方向。
Skill 原始技术说明
技术模板保留英文，便于直接用于兼容的编程 Agent；页面说明、选型建议和检查步骤均已中文本地化。
安装方式
npx skills add anthropics/skills --skill frontend-design
Agent Skills CLI
适合场景
- Landing pages and product sites
- Dashboards and application interfaces
- Restyling generic generated UI
这个 Skill 能做什么
- Frames the subject, audience, and visual direction before implementation.
- Pushes typography, composition, color, and motion toward an intentional system.
- Adds a design-quality pass to otherwise functional frontend work.
推荐工作流程
- Understand the product, audience, constraints, and single most important action.
- Choose and explain a distinctive visual direction grounded in the subject.
- Implement the interface, then refine the details that make the direction coherent.
使用前需要检查
- Keep existing brand rules and accessibility requirements higher priority.
- Review font loading, animation, responsive behavior, and generated dependencies.
- Treat aesthetic guidance as direction, not permission to copy another product.