Back to Skills
frontend-design
Anthropic's official skill for escaping generic AI aesthetics in React + Tailwind — distinctive, intentional UI instead of cookie-cutter.
Design & FrontendINTERMEDIATEby Anthropic
Claude CodeClaude DesktopClaude.aifrontendreacttailwindui
Key Information
Install / Load
/plugin install example-skills@anthropic-agent-skills
How This Skill Works
Official Anthropic skill that pushes the agent past the default "every AI app looks the same" look. It encodes guidance on visual hierarchy, spacing, type, motion, and intentional aesthetic choices for React + Tailwind work.
Use it when you want UI with a point of view, not generic boilerplate.
Related Skills
brand-guidelines
Anthropic's official skill for applying a consistent brand — colors, typography, and voice — across generated artifacts.
web-artifacts-builder
Anthropic's official skill for building rich HTML artifacts with React, Tailwind, and shadcn/ui.
theme-factory
Anthropic's official skill for styling any artifact with a theme — 10 preset color/font themes, or generate a custom one on the fly.