A senior visual designer for tokens, components, and previews
What does the Design System Agent do?
“Restraint over flourish. Personality you can name.”From the agent's actual system prompt
The Design System Agent is a senior visual designer that crafts cohesive, production-ready design systems benchmarked against Linear, Vercel, Stripe, Notion, and Apple's Human Interface Guidelines. From your locked brand it builds the canonical design tokens, the component system, and a DESIGN.md brief.
It renders real dark and light HTML previews of the system before any product code exists, and its output is the token source every downstream build agent works from, which is why shipped ProductOS products look designed rather than generated.
What tools does the Design System Agent use?
write_design_previewRenders dark and light HTML previews of the design system
write_design_briefWrites DESIGN.md, the canonical token and component brief
grep_design_brief / patch_design_briefSearches and surgically edits the brief as the system evolves
Put the Design System Agent
Every agent works from the same shared context. Describe your idea once and the whole team builds on it.