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.
These scores are auto-generated from public information (the agent's own listing, docs, and repository) using the canonical OWASP AIVSS formula and the MAESTRO framework — an estimate for guidance, not a penetration test, audit, or certification. See the scoring methodology — every score is re-derived by the same automated method as an agent's public evidence changes.
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 and capabilities
- 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