frontend-design · Anthropic
Diseño frontend
Da al agente una dirección visual clara antes de crear o rediseñar una interfaz.
Instrucciones originales de la skill
La plantilla técnica se mantiene en inglés para usarla directamente con los agentes compatibles. La explicación, selección y comprobaciones están localizadas.
Instalación
npx skills add anthropics/skills --skill frontend-design
Agent Skills CLI
Ideal para
- Landing pages and product sites
- Dashboards and application interfaces
- Restyling generic generated UI
Qué cambia esta 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.
Flujo recomendado
- 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.
Qué revisar antes de confiar
- 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.