Project overview
This Claude skill guides a six-phase design-system setup: brand decisions, color scales, typography, token integration, Figma Variables, and documentation. It uses Supa Palette, Typescale, Figma MCP, and a Next.js/Tailwind project, with Figma Desktop and local fonts needed for the visual stages. Users still supply the rationale behind their design decisions.
Repository facts
- Primary language
- Not detected
- License
- Not publicly identified
- Repository updated
- Jun 11, 2026
- Default branch
- main
Resource types
General skill
Use cases
Design and creative workFrontend development
Platforms
Claude Code, Codex, and more
Protocols & integrations
Model Context Protocol
Capabilities
Tool use