sunflowermm

Design System Setup — Design skill for Claude Code

Design community

description: "Initialize a design system with tokens" argument-hint: "[--preset minimal standard comprehensive]" Design System Setup Initialize a design system with design tokens, component patterns, and documentation.

How to install Design System Setup

Installs to ~/.claude/commands/sunflowermm-xrk-agt-design-system-setup.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/sunflowermm/XRK-AGT/HEAD/.claude/commands/design-system-setup.md -o ~/.claude/commands/sunflowermm-xrk-agt-design-system-setup.md

Restart Claude Code, or start a new session, for it to be picked up.

What Design System Setup does

description: "Initialize a design system with tokens" argument-hint: "[--preset minimal|standard|comprehensive]"

Design System Setup

Initialize a design system with design tokens, component patterns, and documentation. Creates a foundation for consistent UI development.

XRK-AGT Alignment (Required)

Prefer token/application landing path under core/*/www// for business UI usage
Keep design system assets additive; do not remove existing core token definitions unless

Alternatives in Design

Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
Od Contribute — Open a first-contribution PR (or bug issue) on nexu-io/open-design — works for non-coders too 91.8k ★
Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★