# Design systems are fragmented across Storybook, GitHub, Figma, npm, and docs. Prototypes built witho...

Canonical URL: https://www.traeai.com/articles/8ae0152d-cc07-406f-b76b-f8067fc7d84d
Original source: https://x.com/boltdotnew/status/2049960624076026241
Source name: bolt.new(@boltdotnew)
Content type: tweet
Language: 中文
Score: 7.0
Reading time: 1 分钟
Published: 2026-04-30T21:14:33+00:00
Tags: Design System, SDK, Claude Agent, Storybook, GitHub, Figma, npm

## Summary

bolt.new 使用 Claude Agent SDK 解决了设计系统碎片化问题，这些系统散落在 Storybook、GitHub、Figma、npm 和文档中，使得脱离上下文的原型设计常被废弃。

## Key Takeaways

- 设计系统分散在多个平台导致协同困难。
- Claude Agent SDK 作为解决方案被引入。
- 集成 SDK 后，提高了原型设计的相关性和复用性。

## Outline

- 引言 — 指出设计系统当前面临的碎片化问题及后果。
  - 问题阐述 — 详细描述设计资源分散在不同工具和平台上的现状。
  - 解决方案介绍 — 简述如何通过 Claude Agent SDK 来整合并优化设计流程。
    - Claude Agent SDK 应用效果 — 概述使用 SDK 后改善的设计协同与原型复用性。
  - 案例展示链接 — 提供一个客户故事链接，展示实际应用成果。

## Highlights

- > 设计系统碎片化跨 Storybook、GitHub、Figma、npm 和文档，导致无上下文原型废弃。 — 正文首句
- > 我们使用 Claude Agent SDK 解决了这个问题。 — 正文
- > 查看完整客户故事了解 Claude 如何帮助 Bolt.new 整合设计流程。 — 附带链接说明

## Citation Guidance

When citing this item, prefer the canonical traeai article URL for the AI-readable summary and include the original source URL when discussing the underlying source material.