A library of design styles, packaged as Claude Code skills
Browse fully-tokenized web aesthetics, preview them live on a shared component set, then copy the whole thing into your project as a ready-to-use skill.
Featured styles
View all →Every style is a complete design system
Not just a mood board — each skill carries a full token map: color roles, a font pairing, spacing and radius scales, shadow recipes, motion conventions, component recipes, and honest accessibility notes.
Named color roles per style — background, surfaces, text, accents, borders — with WCAG contrast labeled honestly, never silently “fixed”.
Display and body faces from Google Fonts, with fallback chains — and the premium face named when the real thing costs money.
Copy or download every style in the format your project speaks:
Find your aesthetic, ship it as a skill
Every style ships with SKILL.md, tokens.json and tokens.css — copy, install, and Claude Code builds in that style.
Browse the library