Where aesthetics can be searched, installed, and executed.
vaporaviator/easel-style
npx hub add ...
Paste in Terminal, Claude, or Cursor chat
vercel-labs/vercel-react-best-practices
npx hub add ...
Paste in Terminal, Claude, or Cursor chat
vercel-labs/web-design-guidelines
npx hub add ...
Paste in Terminal, Claude, or Cursor chat
anthropics/frontend-design
npx hub add ...
Paste in Terminal, Claude, or Cursor chat
sleekdotdesign/sleek-design-mobile-apps
npx hub add ...
Paste in Terminal, Claude, or Cursor chat
pbakaus/impeccable
npx hub add ...
Paste in Terminal, Claude, or Cursor chat
Browse and install the skills you need — whether you design or develop.
Aesthetic skills encode your design language — colors, typography, spacing, radii, and visual identity — into executable instructions that AI agents can apply to any project.
No coding required — extract from Figma
Engineering skills define code architecture, framework best practices, performance rules, and accessibility standards that AI agents follow when building.
Define once — every agent follows
An agent applying an Aesthetic Skill
> npx hub add anthropics/frontend-design
Fetching visual DNA from Design Skills Hub...
• Loading distinctive typography system...
• Injecting cohesive palette + sharp accents...
• Mapping spatial composition rules...
Successfully applied "Frontend Design" aesthetic (140ms).
One command connects all your AI agents to the full skill registry.
$ npx design-skills-hub
Copied!