Design Tokens Skill

siteConfig.brand → full design system. Zero guessing.

Purpose

Generate the complete design system (Tailwind config + CSS variables) from siteConfig.brand and siteConfig.fonts. This skill does NOT define colors or fonts — it expands them into a full token system.

Source of Truth

siteConfig is the source. This skill is the transformer.

• Colors come from siteConfig.brand (primary, secondary, accent, dark, light)
• Fonts come from siteConfig.fonts (heading, body)
• This skill expands them into full scales, semantic tokens, and Tailwind config

What siteConfig provides → what this skill generates