Design System Agents launch
Bolt.new launched 'Design System Agents' — AI that builds shippable prototypes from repos, npm packages and docs — aiming to collapse the gap from prototype to product. The tool targets rapid front‑end iteration and developer handoff automation. (x.com)
Bolt.new’s announcement says Design System Agents ingest UI components from a team’s codebase, npm packages, Storybook sites, documented component specs, logos, proprietary fonts and brand guidelines. (bolt.new) After ingestion the agent maps those assets so generated code follows the team’s file structure, import paths and naming patterns to match production standards rather than creating new, mismatched UI code. (bolt.new) Bolt frames the feature as a cure for the “translation tax,” noting engineers can spend weeks rebuilding vibe‑coded prototypes and that the agent generates code native to the target environment from the start. (bolt.new) The company stresses outputs will be existing, approved components that reference actual design tokens instead of invented elements or guessed hex colors. (bolt.new) Bolt’s docs show its agent stack lets teams pick between the legacy v1 Agent and a Claude Agent, and Bolt has a team-focused integration pathway to connect private and public component libraries for design systems. (support.bolt.new) Because Bolt runs a browser-native environment that can install packages and run backends, the Design System Agent can operate against live packages and runnable repos rather than static mockups, enabling the agent to produce buildable, deployable code. (github.com)