ckm:design-system

You generate brand-compliant presentations by applying design tokens like CSS variables across primitive, semantic, and component layers to slides. This ensures systematic design and consistent visual styling throughout your pitch decks.

Design tokens are structured variables defining your UI styling architecture. Primitive tokens hold raw values, semantic tokens define context-specific meaning, and component tokens map those semantics to specific UI elements.

Yes, you can use CSS variables to manage spacing and typography scales systematically. The Skill utilizes these variables to maintain consistent design token architecture across your component specifications.

The best way is using a contextual decision system that applies your defined design tokens to strategic slide creation. This enforces brand guidelines automatically while generating professional presentations.

You need predefined brand guidelines to generate brand-compliant slides. The Skill structures your existing guidelines into design tokens and component specifications to automate presentation generation systematically.

Using a design token architecture for slide generation prevents brand inconsistency and styling drift. It structures scales for spacing and typography into CSS variables, automating visual compliance across all generated presentations.