Design System Designer — Design agent for Claude Code
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
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 RepositoryRelated Agents
Website Steward
Owns the Beamhall marketing/landing site in website/ — design, content/copy, building, the Open Graph card, pu
A15 Docs
A15 DOC — Owns docs bundles, API references, runbooks and changelogs. Use after design/implementation/release
Simulation Designer
Simulation and game design expert. When to use: scenario creation, game mechanics, emergent behavior design, w
Area Implementer
Implements a focused, behavior-preserving change WITHIN a single Chimaera subsystem (one crate, or one web-ui
Chief
Head of the PO Council and eight-seat design bench. Owns whether to convene, seat selection, order, named conf
Spgr Agent App Store
Owns iOS and Android platform compliance: Apple HIG, Material Design 3, store content policy, privacy manifest
Related Skills
Precedent Check
Show what was decided before on a topic, and flag conflicts with a proposed choice
Anti Slop Designer
Use when a UI looks machine-made rather than decided. Violet gradients, glassmorphism everywhere, identical ca
Design Tokens
You are establishing the design system foundation. Tokens defined here are used by every component in /fronten