design-token-styleguide-builder

Constructs a token-first CSS design system: a three-layer custom property architecture using OKLCH color scales, an ITCSS-style stylesheet tree with BEM class names, shared layout primitives, per-component reference docs, a written style guide, and dark-mode plus multi-brand theming. Use when the user asks to create or refactor design tokens, organize CSS for a component library, document components, write a style guide, add theming, or audit existing styles for reusable values. Not for choosing or pairing typefaces, deriving palettes from color theory, brand strategy, icon or motion design, or implementing complete application screens.

Version

v1.0.0

Size

13 KB

Updated

2026-10-06

Your client verifies the signature before reading. This explicit manual read is available on every plan. Free automatically loads five chosen skills; paid plans automatically load relevant skills across the library.