frontend-design
ProvenGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
npx degit anthropics/skills/skills/frontend-design .claude/skills/frontend-designThe proof
With and without this skill.
Prompt: “Build the marketing landing page for Halcyon, a calm AI calendar app for busy founders. Include a hero with a product mockup of the app, a short row of customer logos, three feature sections that each show the product, a customer quote, a pricing teaser, and a footer. Draw any illustrations or product shots with inline SVG and CSS.” Run on claude-opus-5-5, with the skill at commit dbd4588. Recorded 10/18/2026.
Read this skill at its source
The repo doesn’t state an open license, so we link to it rather than showing the text here.
Open on GitHub