thc1006

Design System Setup — Design agent for Claude Code

Design community

description: "Initialize a design system with tokens".

How to install Design System Setup

Installs to ~/.claude/agents/thc1006-nephoran-intent-operator-design-system-setup.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/thc1006/nephoran-intent-operator/HEAD/.claude/agents/design-system-setup.md -o ~/.claude/agents/thc1006-nephoran-intent-operator-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.

Pre-flight Checks

Check if `.ui-design/` directory exists:
- If exists with design-system.json: Ask to update or reinitialize
- If not: Create .ui-design/ directory
Detect existing

Alternatives in Design

Codemod Runner — Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css 79.4k ★
Designguru — Expert Design Guidance & Analysis Specialist who provides professional UI/UX insights, design system guidance 38.1k ★
Refactor Clean — You are a code refactoring expert specializing in clean code principles, SOLID design patterns, and 31.9k ★