StackBlitz builds a design system agent in Bolt on Claude Agent SDK to generate production-ready, on-brand prototypes
Companies lack a single, unified design system: typography lives in Google Docs, components are scattered across Figma files, Storybook instances, and GitHub repositories, and spacing guidelines may exist only in an engineer's head. Without access to a company's actual design language, AI-generated prototypes look generic and end up as throwaways that engineers must rewrite entirely before anything can ship.
How it works
Common implementation structure
How this type of workflow is generally built, generalized across documented cases — not tied to any one vendor's stack. Click any stage to read what happens there. Specific products that implement these stages appear in “Tools commonly seen” below.
Stage 1 · Design sources submitted
Users point the agent at all their design system sources.
Tools used
BoltClaude Agent SDKClaude Opus 4.7
Outcome
The design system agent generates a consolidated design system in an autonomous run averaging 53 minutes. From that point, any team member can produce on-brand prototypes in roughly five minutes, with code that can go to production with minimal rework. StackBlitz sees roughly 90% cache efficiency on the Agent SDK, and more than 10,000 users have already uploaded their own design systems to Bolt.