Design Tokens
Primitive -> semantiske -> komponent OKLCH token-system med fungerende CSS/Tailwind-maler; 4 av dens egne siterte dybde-dokumenter finnes ikke i repoet.
Krever oppsett
Hva den gjør
Genererer en tre-lags (primitiv/semantisk/komponent) design-token-arkitektur i OKLCH med start-forhåndsinnstillinger per arkityp (premium SaaS, redaksjonell luksus, brutalist, etc.) og leverer fungerende tokens.css, tailwind.config.ts, globals-v4.css, og tokens.json-maler. SKILL.md siterer fire ledsagende referansedokumenter (references/color-systems.md, typography-scales.md, spacing-rhythm.md, elevation-depth.md) for dypere begrunnelse om OKLCH-matematikk, typografiskala, avstand og høyde -- ingen av de fire eksisterer noe sted i repoet, så behandle disse sitatene som aspirasjonelle, ikke reelle.
Testrapport
Kjerneleveransen er reell og ikke-malbasert — et OKLCH tre-lags token-sett med over 60 variabler og mørk modus-overstyringer slår en flat håndrullet palett ut — men SKILL.md peker til fire ledsagende referansedokumenter for begrunnelsen for OKLCH/typografi/avstand/høyde, og ingen av de fire eksisterer i repoet; `ls` på ferdighetsmappen viser bare SKILL.md og templates/.
Testet på: 2026-07-14 · Claude Code 2.x (agent harness)
Installer
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
Kommandoer og eksempelprompter
/design-tokensPrimitive -> semantiske -> komponent OKLCH token-system med fungerende CSS/Tailwind-maler; 4 av dens egne siterte dybde-dokumenter finnes ikke i repoet.
Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):
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