ckm:design-system

You generate brand-compliant slides by applying a three-layer token architecture—primitive, semantic, and component tokens—through provided slide-generation tooling. This ensures consistent design language across presentations and scalable design-to-code handoff.

A three-layer design token system maps primitive values to semantic and component tokens. You need it when building scalable brand guidelines and repeatable slide templates to maintain visual consistency across products and decks.

Create CSS variables and spacing scales by defining primitive tokens, mapping them to semantic layers, and applying them to component specs. This Skill provides scripts and references to align tokens with design standards and governance.

Yes, you can produce rapid slide decks without external dependencies. The Skill includes standalone scripts and references to run token generation and slide-pattern tooling directly for your brand-aligned presentations.

Yes, the design token architecture supports design-to-code handoff by maintaining alignment between component specs and design standards. It applies semantic and component tokens to ensure scalable and repeatable template generation.

Using CSS variables for design tokens requires maintaining strict governance to prevent token drift across primitive and semantic layers. You must ensure component specs stay aligned with the design system to avoid inconsistent slide generation.