Instructs Claude to act as a design lead and make deliberate, subject-specific choices for palette, type and layout when building or reshaping UI.
O que ela faz
Onde frontend-design roda e o que acrescenta, segundo a documentação
Grounds the design in the product's subject matter and audience
Pushes opinionated palette, typography and layout decisions
Avoids cliche or templated defaults
Confirms the subject with the user if the brief is unclear
Quando usar
Boa adequação
Building a new web UI or landing page
Reshaping an existing interface with a clearer visual identity
Não indicado para
Backend or non-visual work
Como instalar o frontend-design
Register the marketplace in Claude Code: /plugin marketplace add anthropics/skills
Install the bundle that contains it (document-skills or example-skills): /plugin install example-skills@anthropic-agent-skills
Or copy the skill folder to ~/.claude/skills/frontend-design/ (personal) or .claude/skills/frontend-design/ (project)
Mention the task in a prompt; Claude loads the skill automatically when the SKILL.md description matches
Permissões e segurança
A que ela tem acesso
Instructions loaded into Claude's context; any scripts it bundles run through Claude Code's normal tool permissions (shell, file edits)
Notas de segurança dos mantenedores
Anthropic repo disclaimer: skills are provided for demonstration and educational purposes; behavior in Claude may differ
Revise a fonte antes de conceder ao agente acesso a credenciais ou sistemas de produção. Documentamos o que os mantenedores informam; não auditamos o código.
Limitações
Repo README says implementations are examples and may differ from what Claude.ai provides
Ferramenta de programação agêntica da Anthropic que lê sua base de código, edita arquivos e executa comandos pelo terminal, por IDEs, pelo app desktop ou pelo navegador.
O plano gratuito termina em: Não há plano gratuito: o Claude Code está incluído nas assinaturas pagas do Claude (Pro, Max, Team, Enterpris…
How do I install the frontend-design skill in Claude Code?
Add the marketplace with /plugin marketplace add anthropics/skills and install the bundle containing it, or copy skills/frontend-design into ~/.claude/skills/. fonte
When does Claude use the frontend-design skill?
Claude loads it automatically when the request matches the description field in its SKILL.md frontmatter. fonte
Is the frontend-design skill official?
Yes, it is published in Anthropic's anthropics/skills repository. fonte
