Front-End Finish
Distinctive visual direction for new UI, without templated defaults.
What it does
Guidance 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.
Install in under a minute
Mac or Linux, after you download
unzip front-end-finish.zip -d ~/.claude/skills/Windows PowerShell
Expand-Archive front-end-finish.zip -DestinationPath $HOME\.claude\skills- Start a new Claude Code session so it sees the skill.
- Ask in plain words, for example: "Use Front-End Finish on this project."
- Unzip the download, then zip just the front-end-finish folder if your computer added an extra folder.
- In Claude.ai, open Settings, then Capabilities, and upload it under Skills.
- Turn the skill on and ask Claude to use it.
Front-End Finish uses the open SKILL.md format, so it also works in agents like Cursor, Gemini CLI, GitHub Copilot and Codex. Copy the front-end-finish folder into that agent's skills folder, for example .cursor/skills/ or .github/skills/ in your project.
What's inside
The 5 main sections of the SKILL.md, in order.
- Ground your designs in the subject matter
- Design principles
- Process: plan, review against the brief, build, critique
- Restraint and self-critique
- More on writing in design
In the download: LICENSE.txt, NOTICE.md, SKILL.md
Credit and license
Front-End Finish is a renamed, packaged copy of frontend-design by Anthropic (github.com/anthropics/skills), used under the Apache-2.0 license. The license and a list of changes ship inside the download.
Questions
Does Front-End Finish work in Claude.ai, not just Claude Code?
Yes. In Claude.ai, upload the front-end-finish folder as a zip in Settings under Capabilities. It also works in other agents that support Agent Skills, like Cursor, Gemini CLI and GitHub Copilot.
What do I get?
A zip with the front-end-finish folder: its SKILL.md (1,977 words) and its license files. One payment, instant download.
Who made Front-End Finish?
It's a renamed, packaged copy of frontend-design by Anthropic, used under the Apache-2.0 license. The license and a list of changes ship inside the download.