Bolt Design System Agents
Feature launched by Bolt.new on March 26 2026 ('Introducing Design System Agents'). Ingests a design system from multiple sources: codebase components, npm packages, Storybook sites, component specs, logos, fonts, brand guidelines, plus Figma frames imported on the fly. Then generates code native to the target repo (file structure, import paths, project naming conventions) instead of producing generic code. Bolt's docs recommend the Max agent (rather than Standard), which follows complex instructions more consistently. Heads-up: attaching a design system does not rewrite code already generated, you must ask for updates component by component. Eliminates the 'translation tax' (cost of re-building vibe-coded prototypes into native code).
Strengths
- Ingests Storybook live URL: no need to copy-paste components, Bolt scrapes the docs
- Generates code native to the repo (imports, naming, paths), no manual refactor after prompt-to-app
- Multi-source: npm + Storybook + brand guidelines + logos + fonts ingested in parallel
Limitations
- Token pricing, complex sessions burn quota fast on free / Pro plans
- Quality varies with source DS, poorly documented Storybook yields mediocre code (garbage in, garbage out)
- Locked to Bolt.new environment, output extractable but multi-tool setup less fluid than Claude Code
Best for
- PM/designer needing to quickly pitch with on-brand proto without soliciting dev
- Team with published Storybook wanting to test agentic prototyping without moving everything internally