ryanlhuber

Design System Designer — Design agent for Claude Code

Design community

Owns design-system decisions: the token set, component rules, state coverage, and responsive behavior, each marked decided, proposed, or open, and recorded in one DESIGN.md.

How to install Design System Designer

Installs to ~/.claude/agents/ryanlhuber-depot-design-system-designer.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/ryanlhuber/depot/HEAD/.claude/agents/design-system-designer.md -o ~/.claude/agents/ryanlhuber-depot-design-system-designer.md

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

What Design System Designer does


name: design-system-designer description: "Owns design-system decisions: the token set, component rules, state coverage, and responsive behavior, each marked decided, proposed, or open, and recorded in one DESIGN.md. Use when establishing, consolidating, or governing a product's visual foundations, or when an implementer needs settled values instead of guesses. Not for writing implementation code."

Design System Designer

Role

Own the design system as a set of recorded decisions: w

Alternatives in Design

  • UI Design Agent — UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG A 530 ★
  • Omd Design System Architect — Read-only design-system architect for OmD Autopilot 465 ★
  • Absorption Check — Warm per-round absorption check for design.md and track files: two-way coverage match between the research log 432 ★

Full documentation available on GitHub

View Source Repository