{"$schema":"https://top-agent-skills.com/schemas/skill.v1.json","name":"frontend-design","slug":"frontend-design","canonical":"https://top-agent-skills.com/skill/frontend-design","description":"Forces Claude to commit to a bold, distinctive design direction before generating code. Avoids the generic AI aesthetic with cohesive typography, color, motion, and spatial composition.","tagline":"Escape generic AI-generated UIs. Forces a bold, distinctive design direction before any code is written.","bestFor":"Greenfield landing pages, marketing sites, and any UI that should feel intentional rather than templated.","notIdealFor":"Ports of an existing design system — frontend-design pushes a bold direction that may overwrite established tokens.","publisher":{"name":"Anthropic","url":"https://github.com/anthropics/skills","tier":"anthropic"},"license":"MIT","isOpenSource":true,"surfaces":["all"],"compatibility":["claude-code","claude-ai","claude-api","cursor","codex","gemini-cli","antigravity"],"capabilityLevel":"read-only","setup":{"time":"1 min","complexity":"Low"},"install":[{"agent":"claude-code","command":"npx skills add github.com/anthropics/skills --skill frontend-design","manual":null,"followUp":null},{"agent":"cursor","command":"npx skills add github.com/anthropics/skills --skill frontend-design --target cursor","manual":null,"followUp":null},{"agent":"codex","command":"codex skills add github.com/anthropics/skills/skills/frontend-design","manual":null,"followUp":null},{"agent":"gemini-cli","command":"gemini skills add github.com/anthropics/skills --skill frontend-design","manual":null,"followUp":null},{"agent":"antigravity","command":"antigravity-awesome-skills install --skill frontend-design","manual":null,"followUp":null},{"agent":"claude-ai","command":null,"manual":"Settings → Features → Upload skill (download zip from anthropics/skills repo)","followUp":null},{"agent":"claude-api","command":null,"manual":"POST /v1/skills with the frontend-design.zip payload","followUp":null}],"taxonomy":{"primaryCategories":["frontend-design"],"verticalCategories":["design","engineering"],"tags":["React","Tailwind","Design"],"filters":["official-anthropic","open-source","one-command-install","read-only","agent-friendly","builder-favorite","high-install-count","works-with-claude-code","works-with-cursor","works-with-codex","works-with-gemini-cli","works-with-antigravity"]},"links":{"github":"https://github.com/anthropics/skills/tree/main/skills/frontend-design","docs":"https://github.com/anthropics/skills/blob/main/skills/frontend-design/SKILL.md","website":null},"_meta":{"score":{"value":95,"rubric":"1.0","inputs":{"installCount":18.1,"provenance":15,"githubStars":14.4,"recency":8.5,"compatibility":10,"documentation":10,"installErgonomics":10,"license":5,"verification":4.3}},"stats":{"installCount":277000,"githubStars":126000,"lastUpdated":"2026-04-22","verifiedAt":"2026-04-29"}}}