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.
By anthropics
/plugin install document-skills@anthropic-agent-skills
How to install
Claude Code PluginPlugins are a Claude Code feature installed from a marketplace.
- Add the marketplace (only needed once):
/plugin marketplace add anthropic-agent-skills
- Install the plugin:
/plugin install document-skills@anthropic-agent-skills
It becomes available immediately as slash commands, skills or agents — no restart needed.
Exact steps can vary per project — always double-check the original source. New to this? Read the full install guide →
Source
More in Creative, Design & Art
View all →Algorithmic Art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing…
Brand Guidelines
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Impeccable
The design language that makes your AI harness better at frontend design — 1 skill, 23 commands, 45 detector rules
Figma
Figma design tool integration. Extract design specs, generate code from designs, access component libraries, and bridge the gap between design and development.