Design Tokens

System tokenów OKLCH od prymitywnych do semantycznych i komponentowych z działającymi szablonami CSS/Tailwind; 4 z jego własnych cytowanych dokumentów pogłębionych nie istnieją w repozytorium.

Autor: begenrousdigital-dotcom · begenrousdigital-dotcom/Ultimate-vibe-design

Działa po konfiguracji ★ 7.6/10

Design Tokens — System tokenów OKLCH od prymitywnych do semantycznych i komponentowych z działającymi szablonami CSS/Tailwind; 4 z jego własnych cytowanych dokumentów pogłębionych nie istnieją w repozytorium.

Co robi ten skill

Generuje trójwarstwową architekturę tokenów projektowych (prymitywne/semantyczne/komponentowe) w OKLCH z gotowymi presetami dla archetypów (premium SaaS, luksusowe wydawnicze, brutalistyczne itp.) i dostarcza działające szablony tokens.css, tailwind.config.ts, globals-v4.css i tokens.json. SKILL.md cytuje cztery towarzyszące pliki referencyjne (references/color-systems.md, typography-scales.md, spacing-rhythm.md, elevation-depth.md) dla głębszego uzasadnienia matematyki OKLCH, skali typografii, odstępów i elewacji — żaden z tych czterech nie istnieje w repozytorium, więc traktuj te cytaty jako aspiracyjne, a nie rzeczywiste.

Raport z testu

Główny rezultat jest rzeczywisty i nie jest szablonowy — zestaw ponad 60 zmiennych tokenów OKLCH w trzech warstwach z nadpisaniami dla trybu ciemnego przewyższa płaską, ręcznie tworzoną paletę — ale SKILL.md wskazuje na cztery towarzyszące dokumenty referencyjne dla uzasadnienia OKLCH/typografii/odstępów/elewacji, a żaden z tych czterech nie istnieje w repozytorium; `ls` w folderze skilla pokazuje tylko SKILL.md i templates/.

Testowano: 2026-07-14 · Claude Code 2.x (agent harness)

Instalacja

git clone https://github.com/begenrousdigital-dotcom/Ultimate-vibe-design
cd Ultimate-vibe-design
mkdir -p ~/.claude/skills
cp -r skills/design-tokens ~/.claude/skills/design-tokens

Komendy i przykładowe prompty

/design-tokensSystem tokenów OKLCH od prymitywnych do semantycznych i komponentowych z działającymi szablonami CSS/Tailwind; 4 z jego własnych cytowanych dokumentów pogłębionych nie istnieją w repozytorium.

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

Build a layered design token system for our component library
Create CSS variables for our primitive and semantic tokens
Architect component-level tokens from our color primitives

Pełny raport →