A Claude Code skill library of 96 curated design systems across B2B, Editorial, and Consumer App. Each one is a complete visual identity — not a template. Not a theme toggle. A system.
Purple gradients. 24px border radius. Inter font. Tailwind defaults. You've seen it. Your clients have seen it. Everyone has seen it — because every prompt produces the same visual vocabulary. The tools aren't the problem. The inputs are.
AI doesn't have bad taste. It has no taste. That's your job.
Each system defines a complete visual identity — philosophy, color palette, typography scale, spacing tokens, patterns, and component specifications across 13 standardized sections. Claude builds from the system, not around a layout.
Drop the skill folder into your project. Ask Claude to browse systems by use case or apply one by name. It reads the system spec and generates a standalone HTML specimen — or builds your actual pages using the design language.
B2B Platform for SaaS and enterprise. Editorial for magazines and content. Consumer App for mobile-first products. Each system was designed for its context — not retrofitted.
Every generated specimen is a single HTML file. No dependencies beyond Fontshare font links. No build step. No framework. Open it in a browser and ship it.
Gold filigree. Raw concrete. Neon terminals. Terracotta warmth. Chrome velocity. Wheat-paste posters. 96 distinct visual languages — none of which include purple gradients.
Subscribers get new systems and updates to existing ones. The library grows. Your options multiply. The purple gradient recedes further into the distance.
Unzip the library into your Claude Code skills directory. The SKILL.md file does the rest — Claude sees the full system index automatically.
Tell Claude to "browse design systems for B2B" or go direct: "apply Vault" or "use Gazette." Both paths work. Pick your style.
Claude reads the system spec and section standard, then generates a standalone HTML file with all 13 sections — colors, typography, components, everything.
Each use case has its own set of systems — built for that context from the ground up, not adapted after the fact.
SaaS landing pages, enterprise dashboards, B2B marketing. From geometric precision to raw structural energy to frosted glass layers.
Browse B2B SystemsMagazines, blogs, content platforms. From luxury broadsheet to synth-pop zine to brutalist literary magazine.
Browse Editorial SystemsMobile and web consumer products. From gold filigree to pixel sprites to vital-sign dashboards. Adults and younger audiences covered.
Browse Consumer SystemsB2B systems are free forever. The full library — all 96 systems across all three use cases — is yours at one price.