Design System

Three-layer token system (primitive to semantic to component) plus a full slide generation engine. You get scripts to generate CSS variables from JSON, validate token usage across your codebase, and BM25 search through 25+ slide layouts with contextual recommendations. The slide system is interesting: it uses CSV decision tables to match layouts to goals, applies Duarte sparkline beats for pacing, and enforces token compliance so everything stays brand-consistent. Includes Chart.js integration and a working pitch deck reference. Overkill if you just need design tokens, but the strategic slide generation with emotion arcs and pattern breaking is uncommonly thoughtful for a design system.

Install to Claude Code

npx -y skills add nextlevelbuilder/ui-ux-pro-max-skill --skill design-system --agent claude-code