技术实践
Bolt 用 Claude Agent SDK 构建自主设计系统 Agent
概述
Bolt是StackBlitz推出的vibe coding工具;其新能力是基于Claude Agent SDK的设计系统agent,让PM与设计师不写代码即可生成可上生产的品牌一致原型。背景是设计系统碎片化:规范与组件散落在文档、Figma、Storybook等处,PM原型常因不符设计语言被工程师整个重写、沦为一次性产物。StackBlitz原自研agent,计划v2时转用Agent SDK,创始工程师Elm称自家AI团队远小于Claude Code团队,基于同一harness继承能力、聚焦产品创新。流程上,agent读取Storybook、GitHub仓库、npm包、Figma tokens与文档,解决冲突、映射设计token、理解组件变体;研究阶段运行40分钟到一个半小时、平均约53分钟,选用官方称整体效果最好的Opus 4.7;stop hook可中途回传反馈改向,子agent并行且不污染主上下文。生成一次后,成员约5分钟即产出符合品牌的原型,工程侧少改动即可上线;SDK缓存效率约90%压低推理成本,超1万用户已上传设计系统;Bolt刻意不做唯一事实源,仅增量重索引。