Home / Skills / frontend-design
frontend-design
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.
- License
- See LICENSE.txt in skill folder
- SKILL.md tokens
- 2,340
- Bundled files
- 1
- Bundled tokens (estimated)
- 2,543
Cost per 1,000 loads
Estimated input cost per 1,000 loads of SKILL.md only (characters ÷ 4). Bundled files, output tokens and execution are excluded.
| Model | Input / 1M tokens | 1,000 loads |
|---|---|---|
| Claude Opus 5 | $5.00 | $11.70 |
| Claude Sonnet 5 | $2.00 | $4.68 |
| Claude Haiku 4.5 | $1.00 | $2.34 |
Safety flags
Detected automatically from files; not a security audit.
- Runs scripts
- No
- Network access
- No
- Shell commands
- No
Works with
Open SKILL.md format
- Claude Code
- Codex
- Cursor
- GitHub Copilot
- Gemini CLI
- OpenCode
- Goose
Install
npx skills add anthropics/skills --skill frontend-designLast verified:
frontend-design FAQ
What does the frontend-design skill do?
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. Source: https://github.com/anthropics/skills/blob/main/skills/frontend-design/SKILL.md
What does the frontend-design skill cost to load?
SKILL.md is about 2,340 tokens. Estimated input cost per 1,000 loads: Claude Opus 5 $11.70; Claude Sonnet 5 $4.68; Claude Haiku 4.5 $2.34. Estimated input cost per 1,000 loads of SKILL.md only (characters ÷ 4). Bundled files, output tokens and execution are excluded. Prices: https://docs.anthropic.com/en/docs/about-claude/pricing
How do I install the frontend-design skill?
Skills CLI: npx skills add anthropics/skills --skill frontend-design. Claude Code: /plugin marketplace add anthropics/skills, then install the plugin from that marketplace. Download the frontend-design skill folder as a ZIP and upload it in Claude.ai skills settings.
Is the frontend-design skill safe?
No runs-scripts, network-access or shell-command flags were detected. Flags are detected automatically from the skill's files and are not a security audit; review the SKILL.md before installing.