frontend-design · Anthropic
Design frontend
Donne à l’agent une direction visuelle claire avant de créer ou restyler une interface.
Instructions originales de la skill
Le modèle technique reste en anglais afin de fonctionner directement avec les agents compatibles. Les explications, critères de choix et vérifications sont localisés.
Installation
npx skills add anthropics/skills --skill frontend-design
Agent Skills CLI
Idéal pour
- Landing pages and product sites
- Dashboards and application interfaces
- Restyling generic generated UI
Ce que la skill apporte
- 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.
Workflow conseillé
- 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.
Points à vérifier avant validation
- 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.