design-system
Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.
- Version
- 1.0.0
- License
- MIT
Pinned to revision 6edb0763811c, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/design-system/SKILL.md
- skills/design-system/data/slide-backgrounds.csv
- skills/design-system/data/slide-charts.csv
- skills/design-system/data/slide-color-logic.csv
- skills/design-system/data/slide-copy.csv
- skills/design-system/data/slide-layout-logic.csv
- skills/design-system/data/slide-layouts.csv
- skills/design-system/data/slide-strategies.csv
- skills/design-system/data/slide-typography.csv
- skills/design-system/references/component-specs.md
- skills/design-system/references/component-tokens.md
- skills/design-system/references/primitive-tokens.md
- skills/design-system/references/semantic-tokens.md
- skills/design-system/references/states-and-variants.md
- skills/design-system/references/tailwind-integration.md
- skills/design-system/references/token-architecture.md
- skills/design-system/scripts/embed-tokens.cjs
- skills/design-system/scripts/fetch-background.py
- skills/design-system/scripts/generate-slide.py
- skills/design-system/scripts/generate-tokens.cjs
- skills/design-system/scripts/html-token-validator.py
- skills/design-system/scripts/search-slides.py
- skills/design-system/scripts/slide-token-validator.py
- skills/design-system/scripts/slide_search_core.py
- skills/design-system/scripts/tests/test_validate_tokens.py
- skills/design-system/scripts/validate-tokens.cjs
- skills/design-system/templates/design-tokens-starter.json
Every link opens the file at its source, pinned to the revision this page describes.