/design-sync

转换本仓库的 React 设计系统并上传到 Claude Design,使生成的设计能够使用真实组件。

转换本仓库的 React 设计系统并上传到 Claude Design,使生成的设计能够使用真实组件。 [Skill] 首次同步会校验每一个组件,在大型仓库中可能耗时数小时。在 Bedrock/Vertex/Foundry 上不可用。

✅ 什么时候用？

上传自己的 React 组件系统,使生成的设计使用真实的项目组件

/design-sync — 在 /design-login 之后一次性设置

在组件发生较大改动后重新同步

在 Button 和 Card 组件集重构之后,再次执行 /design-sync

⛔ 什么时候不该用？

在 Bedrock/Vertex/Foundry 上使用

/design-sync 在这些平台上不可用

更好的选择: 使用标准的 Anthropic 账户/Claude Code 访问权限,或不使用 Design Sync,改用通用组件工作

在临近截止日期(Deadline)时才第一次启动

首次同步会对每个组件进行验证,在大型仓库中可能需要数小时

更好的选择: 提前规划,而不是在截止日期前临时进行

来源