Design Tokens

Primitive → semantiske → komponent-token-systemer.

Af begenrousdigital-dotcom · begenrousdigital-dotcom/Ultimate-vibe-design

Virker med opsætning ★ 7.6/10

Design Tokens — Primitive → semantiske → komponent-token-systemer.

Hvad det gør

Bygger lagdelte design-token-arkitekturer med CSS-variabler. Dom afventer vores integrationstest med et rigtigt komponentbibliotek.

Testrapport

I testkøen — vi evaluerer det tre-lags token-output mod et eksisterende shadcn/ui-projekt.

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

Installation

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-token-systemer.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

  • 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