frontend-design
Guidance for distinctive, non-templated UI visual design — palette, typography, layout, motion.
🛡️ AgentReady threat assessment
MAESTRO 7-layer threat model + OWASP AIVSS risk score for frontend-design, derived from its capabilities.
AIVSS 4.8 · Medium
View MAESTRO 7-layer threat model →Overview
Anthropic's official frontend-design guidance skill. Steers the agent to make deliberate, opinionated design choices (color tokens, display/body type pairing, structural devices, motion) grounded in the subject, and to avoid generic AI-slop defaults. Pure prompt/guidance content that shapes generated CSS and layout; no bundled scripts.
Key features
- Anti-templated design direction and token systems
- Typography pairing and type-scale guidance
- Motion and CSS-specificity pitfalls guidance
Use cases
- Give a new web UI a distinctive visual identity
- Review a design plan against generic AI defaults