frontend-design · Anthropic
Frontend-Design
Gibt dem Agenten eine klare visuelle Richtung, bevor er eine Oberfläche erstellt oder überarbeitet.
Originale Skill-Anweisungen
Die technische Vorlage bleibt auf Englisch, damit sie direkt mit den unterstützten Coding-Agenten funktioniert. Erklärung, Auswahlhilfe und Prüfschritte sind lokalisiert.
Installation
npx skills add anthropics/skills --skill frontend-design
Agent Skills CLI
Geeignet für
- Landing pages and product sites
- Dashboards and application interfaces
- Restyling generic generated UI
Was der Skill verändert
- 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.
Empfohlener Ablauf
- 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.
Vor der Freigabe prüfen
- 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.