| name | frontend-design |
| description | Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics. |
| source_skill_id | anthropics-skills-skills-frontend-design-skill-md |
| category | Search, retrieval & web automation |
| source_mirror | ../../../../../skills/by-category/search-retrieval-web-automation/official-reference/frontend-design/SKILL.md |
| benchmark_status | artifact_gated |
frontend-design
Use this skill when the task matches the description above or the source path clearly applies. Start with this concise entrypoint; open ../../../../../skills/by-category/search-retrieval-web-automation/official-reference/frontend-design/SKILL.md only when implementation details, commands, assets, or references are needed.
Workflow
- Confirm the task matches this skill's scope.
- Read the local source mirror if more detail is required.
- Follow repository-level
AGENTS.md; use one AI session only.
- Keep claims tied to files, commands, citations, or benchmark artifacts.
Verification
- Source mirror:
../../../../../skills/by-category/search-retrieval-web-automation/official-reference/frontend-design/SKILL.md
- Source commit:
2c7ec5e78b8e5d43ea02e90bb8826f6b9f147b0c
- Static benchmark results: see
docs/benchmark-results.md
- Runtime artifacts recorded by this entrypoint:
0
- Assigned scenarios:
skill-proof-anthropics-skills-skills-frontend-design-skill-md, search-retrieval-and-web-automation-common-crawl-warc, search-retrieval-and-web-automation-beir-retrieval, search-retrieval-and-web-automation-ms-marco
Do not claim this skill passed a runtime benchmark until a validated artifact exists.