Design Tokens
Systém OKLCH tokenů od primitivních po sémantické a komponentní s funkčními šablonami CSS/Tailwind; 4 z jeho vlastních citovaných hloubkových dokumentů v repozitáři neexistují.
Funguje s nastavením
Co umí
Generuje třívrstvou (primitivní/sémantickou/komponentní) architekturu design tokenů v OKLCH s přednastavenými vzorky pro každý archetyp (prémiový SaaS, ediční luxus, brutalistický atd.) a dodává funkční šablony tokens.css, tailwind.config.ts, globals-v4.css a tokens.json. SKILL.md cituje čtyři doprovodné referenční soubory (references/color-systems.md, typography-scales.md, spacing-rhythm.md, elevation-depth.md) pro hlubší zdůvodnění matematiky OKLCH, typografických měřítek, mezer a elevace — žádný ze čtyř neexistuje nikde v repozitáři, takže tyto citace považujte za aspirativní, nikoli skutečné.
Testovací report
Hlavní výstup je skutečný a není šablonovitý — sada OKLCH tokenů tří vrstev s více než 60 proměnnými a přepsáním pro tmavý režim překonává plochou ručně vytvořenou paletu, ale SKILL.md odkazuje na čtyři doprovodné referenční dokumenty pro zdůvodnění OKLCH/typografie/mezer/elevace a žádný ze čtyř neexistuje v repozitáři; `ls` ve složce dovednosti ukazuje pouze SKILL.md a templates/.
Testováno: 2026-07-14 · Claude Code 2.x (agent harness)
Instalace
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
Příkazy a ukázkové prompty
/design-tokensSystém OKLCH tokenů od primitivních po sémantické a komponentní s funkčními šablonami CSS/Tailwind; 4 z jeho vlastních citovaných hloubkových dokumentů v repozitáři neexistují.
Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):
Build a layered design token system for our component libraryCreate CSS variables for our primitive and semantic tokensArchitect component-level tokens from our color primitives