design-system
A design token skill in the UI UX Pro Max repository, credited to claudekit in its metadata.
What the skill teaches
A design token skill in the UI UX Pro Max repository, credited to claudekit in its metadata. It has the agent build tokens in three layers (raw primitive values, semantic aliases and component-level variables), turn a JSON token config into CSS with a bundled Node script, check code for hardcoded values with a validator, and write component specs for default, hover, active and disabled states. It also contains a slide system: Python scripts search CSV tables of deck strategies, layouts, typography, colour logic and copy formulas, then the agent writes brand-consistent HTML slides using the tokens and Chart.js and validates them. Another script fetches background images from Pexels or Unsplash.
Capabilities
- Build primitive, semantic and component design token layers
- Generate CSS variables from a JSON token file
- Find hardcoded values that should use tokens
- Create token-based HTML slide decks with Chart.js charts
Install
The project doesn't document install steps that we could confirm. See the project's own instructions
What's inside
- data/slide-backgrounds.csv
- data/slide-charts.csv
- data/slide-color-logic.csv
- data/slide-copy.csv
- data/slide-layout-logic.csv
- data/slide-layouts.csv
- data/slide-strategies.csv
- data/slide-typography.csv
- references/component-specs.md
- references/component-tokens.md
- references/primitive-tokens.md
- references/semantic-tokens.md
- references/states-and-variants.md
- references/tailwind-integration.md
- references/token-architecture.md
- scripts/embed-tokens.cjs
- scripts/fetch-background.py
- scripts/generate-slide.py
- scripts/generate-tokens.cjs
- scripts/html-token-validator.py
- scripts/search-slides.py
- scripts/slide-token-validator.py
- scripts/slide_search_core.py
- scripts/tests/test_utf8_io.py
- scripts/tests/test_validate_tokens.py
Details
| Fact | Value | Source |
|---|---|---|
| Type | Skill | |
| Tool | Design | |
| Publisher | Next Level Builder | source |
| Official status | Not stated in its documentation | |
| Needs an API key or sign-in | Not stated in its documentation | |
| Includes scripts | Yes | source |
| Platforms | Not stated in its documentation | |
| AI clients | Not stated in its documentation | |
| Licence | MIT | source |
| Pricing | Not stated in its documentation | |
| Activity | Last commit Nov 10, 2026148,022 GitHub starsDownload data not available (not on npm or PyPI) | source |
| Links | Repository Website |
More from Next Level Builder
2 skills
All 2 from Next Level Builder →Also listed under: Design
Sources
- Skill file (SKILL.md)github.com/nextlevelbuilder/ui-ux-pro-max-skill · Backs: LicenceNov 12, 2026
- Licence file (LICENSE)github.com/nextlevelbuilder/ui-ux-pro-max-skill · Backs: PublisherNov 12, 2026
- Folder in the repository (design-system)github.com/nextlevelbuilder/ui-ux-pro-max-skill · Backs: Includes scriptsNov 12, 2026
- GitHub repositorygithub.com/nextlevelbuilder/ui-ux-pro-max-skill · Backs: Activity, LicenceNov 11, 2026
- Skill file (SKILL.md)github.com/nextlevelbuilder/ui-ux-pro-max-skillNov 10, 2026
- Folder in the repository (design-system)github.com/nextlevelbuilder/ui-ux-pro-max-skill · Backs: Includes scriptsNov 10, 2026