Anthropic · Agent Skill

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.

Published by AnthropicSee LICENSE.txt71 lines in SKILL.md
Source
anthropics/skills/skills/frontend-design
Repository owner
anthropics

Install

Read the SKILL.md and any scripts before installing: a skill runs with your agent's permissions. This copies just this skill into Claude Code's user skills folder; other agents read skills from their own folder.

Claude Code (user-level)

git clone --depth 1 --filter=blob:none --sparse https://github.com/anthropics/skills.git /tmp/skills
cd /tmp/skills && git sparse-checkout set "skills/frontend-design"
mkdir -p ~/.claude/skills && cp -r "skills/frontend-design" ~/.claude/skills/frontend-design

Skills folder docs:

Claude CodeCodexGemini CLIOpenCodeCursorGitHub CopilotgooseOpenHandsAmpFactory DroidJunieKiroRoo CodeMistral VibepiHermes AgentOpenClawLetta

Works with

Agent Skills is an open format, so this skill loads in any harness that supports it, including Claude Code, Codex, Gemini CLI, OpenCode, Cursor, GitHub Copilot, goose, OpenHands. Some skills are written for one product and say so in their description.

More skills from Anthropic

algorithmic-artbrand-guidelinescanvas-designclaude-apidoc-coauthoringdocxinternal-commsmcp-builderpdfpptxskill-creatorslack-gif-creator

Reviewed Oct 5, 2026. Name and description are the skill's own frontmatter.