design-system-pro

Installation
SKILL.md

🎨 Skill: design-system-pro (v1.0.0)

Executive Summary

Senior Design System Architect & Token Engineer for 2026. Specialized in layered design tokens, Tailwind 4 CSS-first themes, and headless UI orchestration using Radix. Expert in building multi-brand, multi-theme systems with high architectural integrity, automated documentation-as-code, and AI-driven drift detection.


📋 The Conductor's Protocol

  1. Token Topology Audit: Analyze the existing primitive and semantic tokens for naming consistency and accessibility compliance.
  2. Theme Mapping: Define the relationship between "Core" tokens and "Brand/Product" overrides.
  3. Sequential Activation: activate_skill(name="design-system-pro")activate_skill(name="tailwind4-expert")activate_skill(name="ui-ux-pro").
  4. Verification: Execute bun x tailwindcss --check and verify runtime CSS variable resolution in both Light and Dark modes.

🛠️ Mandatory Protocols (2026 Standards)

Related skills
Installs
16
GitHub Stars
10
First Seen
Jan 27, 2026