Individual skill
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.
cli/assets/skills/design-system/SKILL.md
Source commit ccce51cba388476d4f403091ddb91636d5cd9fed
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Network or broad shell
- Last checked
- Nov 5, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 146,580
- Repository last updated
- Nov 7, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- ai-skills Repository topic
- antigravity Repository topic
- claude Repository topic
- claude-code Repository topic
- command-line Repository topic
- copilot Repository topic
- cursor-ai Repository topic
- html5 Repository topic
- kiro Repository topic
- landing-page Repository topic
- design Derived category
- engineering Derived category
- marketing Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 7,458 bytesSKILL.mdcore · 7,458 bytesSKILL.mdcore · 7,458 bytesSKILL.mdcore · 7,458 bytesSKILL.mdcore · 7,458 bytesSKILL.mdcore · 7,458 bytesdata/slide-backgrounds.csvasset · 1,038 bytesdata/slide-charts.csvasset · 8,631 bytesdata/slide-color-logic.csvasset · 877 bytesdata/slide-copy.csvasset · 6,427 bytesdata/slide-layout-logic.csvasset · 981 bytesdata/slide-layouts.csvasset · 8,760 bytesdata/slide-strategies.csvasset · 8,232 bytesdata/slide-typography.csvasset · 735 bytesreferences/component-specs.mddoc · 6,914 bytesreferences/component-tokens.mddoc · 4,986 bytesreferences/primitive-tokens.mddoc · 4,562 bytesreferences/semantic-tokens.mddoc · 4,245 bytesreferences/states-and-variants.mddoc · 4,771 bytesreferences/tailwind-integration.mddoc · 5,633 bytesreferences/token-architecture.mddoc · 5,365 bytesscripts/embed-tokens.cjsruns · 2,726 bytesscripts/fetch-background.pyruns · 13,116 bytesscripts/generate-slide.pyruns · 28,595 bytesscripts/generate-tokens.cjsruns · 4,968 bytesscripts/html-token-validator.pyruns · 13,187 bytesscripts/search-slides.pyruns · 9,674 bytesscripts/slide-token-validator.pyruns · 973 bytesscripts/slide_search_core.pyruns · 14,756 bytesscripts/tests/test_validate_tokens.pyruns · 1,895 bytesscripts/validate-tokens.cjsruns · 5,942 bytestemplates/design-tokens-starter.jsonasset · 7,184 bytes
Read excerpt
# Design System
Token architecture, component specifications, systematic design, slide generation.
## When to Use
- Design token creation
- Component state definitions
- CSS variable systems
- Spacing/typography scales
- Design-to-code handoff
- Tailwind theme configuration
- **Slide/presentation generation**
