design-system
A design token skill in the UI UX Pro Max repository, credited to claudekit in its metadata.
Was der Skill vermittelt
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.
Funktionen
- 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
Installation
Das Projekt dokumentiert keine Installationsschritte, die wir bestätigen konnten. Zur Anleitung des Projekts
Was enthalten ist
- 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
| Angabe | Wert | Quelle |
|---|---|---|
| Typ | Skill | |
| Tool | Design | |
| Herausgeber | Next Level Builder | Quelle |
| Offizieller Status | In der Dokumentation nicht angegeben | |
| Braucht API-Key oder Anmeldung | In der Dokumentation nicht angegeben | |
| Enthält Skripte | Ja | Quelle |
| Plattformen | In der Dokumentation nicht angegeben | |
| KI-Clients | In der Dokumentation nicht angegeben | |
| Lizenz | MIT | Quelle |
| Preis | In der Dokumentation nicht angegeben | |
| Aktivität | Letzter Commit am 10. Nov. 2026148.022 GitHub-SterneKeine Download-Daten verfügbar (nicht auf npm oder PyPI) | Quelle |
| Links | Repository Website |
Mehr von Next Level Builder
2 Skills
Alle 2 von Next Level Builder →Auch zu finden unter: Design
Quellen
- Skill-Datei (SKILL.md)github.com/nextlevelbuilder/ui-ux-pro-max-skill · Belegt: Lizenz12. Nov. 2026
- Lizenzdatei (LICENSE)github.com/nextlevelbuilder/ui-ux-pro-max-skill · Belegt: Herausgeber12. Nov. 2026
- Ordner im Repository (design-system)github.com/nextlevelbuilder/ui-ux-pro-max-skill · Belegt: Enthält Skripte12. Nov. 2026
- GitHub-Repositorygithub.com/nextlevelbuilder/ui-ux-pro-max-skill · Belegt: Aktivität, Lizenz11. Nov. 2026
- Skill-Datei (SKILL.md)github.com/nextlevelbuilder/ui-ux-pro-max-skill10. Nov. 2026
- Ordner im Repository (design-system)github.com/nextlevelbuilder/ui-ux-pro-max-skill · Belegt: Enthält Skripte10. Nov. 2026