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
- UI Engineer — Frontend specialist in modern JavaScript/TypeScript frameworks, responsive design, and component-driven archit 1.2k ★
- React Figma UI Engineer 501 ★
- Omd UX Engineer — 섹션 단위 인터랙션 / 모션 / IA / 마이크로인터랙션 / 모바일 / 지각 성능 감사 + 코드 레벨 개선안 465 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Devex Engineer
Developer experience, CLI design, onboarding, tooling, DX metrics specialist
Maya
MAYA — Design Engineer
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