{"object":"skill","data":{"slug":"frontend-design","name":"frontend-design","summary":"Distinctive visual design for AI-generated apps","outcome":"Produce intentional UI with stronger hierarchy, typography, and aesthetic direction.","owner":"anthropics/skills","version":"1.0.0","category":"Design","skill_type":"taste_skill","risk_level":"low","pricing":{"model":"free","price_cents":0,"currency":"USD","label":"Free"},"badges":["package_validated","taste_calibrated","creator_reviewed"],"tags":["ui","design","typography","taste"],"runtime_compatibility":["codex_skill","markdown_export"],"installs":"624.9K","trend":"+1","last_updated":"Jan 19, 2026","href":"/skills/frontend-design","install_command":"npx skills add anthropics/skills --skill frontend-design","description":"Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.","audience":"Builders generating product UI with coding agents.","not_for":"Brand strategy sign-off or accessibility compliance audits.","limitations":["Taste is context-sensitive; brand systems may override defaults.","Does not replace design-system ownership or user research."],"permissions":{"readFiles":false,"writeFiles":false,"webAccess":false,"apiAccess":false,"mcpAccess":false,"codeExecution":false,"externalActions":false},"versions":[{"version":"1.0.0","date":"Jan 19, 2026","notes":"Initial public packaging"}],"examples":["Redesign this dashboard so it does not look AI-generic","Propose typography and spacing for a SaaS marketing site","Critique this component tree for visual hierarchy issues"],"taste_domain":"ui_ux_taste","advisory_only":false,"requires_human_review":false,"restricted_visibility":false,"sandbox":{"skillSlug":"frontend-design","pinnedVersion":"1.0.0","inputSummary":"Landing hero for an AI agent marketplace, currently flat and templated.","model":"gpt-4.1-mini · temp 0.2","baseline":{"label":"Generic baseline","output":"Use a blue gradient hero, bold headline, three feature cards, and a primary Get Started button.","score":52},"skillEnhanced":{"label":"frontend-design","output":"Direction: dark editorial marketplace with orbital motion cues.\nHierarchy: oversized wordmark + outcome line, then install command as the product moment.\nAvoid: generic feature trios, stock gradients, and equal-weight cards.\nNext: one signature visual (orbit/cube), high-contrast CTAs, and denser social proof row.","score":90},"rubric":[{"criterion":"Distinctiveness","baseline":2,"skill":5,"max":5},{"criterion":"Hierarchy clarity","baseline":3,"skill":5,"max":5},{"criterion":"Typography intent","baseline":2,"skill":4,"max":5},{"criterion":"Anti-template choices","baseline":1,"skill":5,"max":5}],"lift":38,"assumptions":["Sample input is representative of a real production task","Same model and temperature for baseline and skill-enhanced runs"],"ranAt":"2026-07-10T17:40:37.247Z"},"source":{"label":"skills.sh","url":"https://www.skills.sh/anthropics/skills/frontend-design"}}}