Design System Engineer — Design agent for Claude Code
name: design_system_engineer kind: local description: "Design system engineering specialist for design tokens, component API contracts, theming architecture, CSS architecture, style consistency, and visual regression….
How to install Design System Engineer
Installs to ~/.claude/agents/josstei-maestro-orchestrate-design_system_engineer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/josstei/maestro-orchestrate/HEAD/agents/design_system_engineer.md -o ~/.claude/agents/josstei-maestro-orchestrate-design_system_engineer.md Restart Claude Code, or start a new session, for it to be picked up.
What Design System Engineer does
name: design_system_engineer kind: local description: "Design system engineering specialist for design tokens, component API contracts, theming architecture, CSS architecture, style consistency, and visual regression strategy. Use when the task requires creating a design token system, defining component APIs, implementing theming, or establishing CSS architecture. For example: setting up a token hierarchy with light/dark themes, designing the prop interface for a component library, or implem
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 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
UI Engineer
Frontend specialist in modern JavaScript/TypeScript frameworks, responsive design, and component-driven archit
Devex Engineer
Developer experience, CLI design, onboarding, tooling, DX metrics specialist
Audio Engineer
Expert audio engineer for recording, mixing, mastering, and sound design
Staff Engineer
Use this agent when you need production-ready software development with strategic system design and implementa
Brace
Support engineer -- ticket workflow design, SLA architecture, knowledge base, escalation paths, and support op
Motion Engineer
Implements motion in production frontend code: Framer Motion, GSAP, CSS animations. Owns easing curves, spring
Related Skills
Claude Design Engineer
Design engineering for Claude Code. Craft, memory, and enforcement for consistent UI.
Extract Skill
Reverse-engineer design systems, tokens, and components from live products or screenshots
Taste Skill
Claude Code skill — reverse-engineer any website's design taste: concrete tokens + opinionated trade-offs (WHY