/design-login
通过 claude.ai 账户为 /design-sync 授权访问设计系统。
/design-login 会通过你的 claude.ai 账号,为 /design-sync 授权访问你的设计系统(Design System)。该命令本身不进行任何同步,只是建立 /design-sync 之后所需要的账号连接。
/design-sync [hint] 会转换你仓库中的 React 设计系统并上传到 Claude Design,让 Claude 生成的设计使用你真实的组件;你也可以选择为设计系统命名,例如 /design-sync Acme DS。首次同步会校验每一个组件,对于较大的仓库可能需要数小时。
关于可用性有一点很重要:/design-sync 仅通过 Anthropic API 运行。在 Amazon Bedrock、Google Cloud 的 Agent Platform、Microsoft Foundry 以及 Claude Platform on AWS 上,底层工具无法访问 claude.ai——这两个命令在这些平台上均不可用。
✅ 什么时候用?
在首次设计同步之前先授权
在首次同步自己的 React 设计系统之前执行 /design-login。
更换账号后重新连接
当 /design-sync 突然无法再访问设计系统时,重新调用 /design-login。
⛔ 什么时候不该用?
期待立即完成同步
该命令只通过 claude.ai 账号授权访问,本身不进行任何同步。
更好的选择: 之后执行 /design-sync 来完成真正的同步。
在 Bedrock、Vertex 或 Foundry 上
根据文档,/design-sync 在 Amazon Bedrock、Google Cloud 的 Agent Platform、Microsoft Foundry 以及 Claude Platform on AWS 上均不可用——授权操作也就毫无意义。
更好的选择: 如果需要设计同步功能,请切换到直接使用 Anthropic API。
来源
- Claude Code 文档(官方) ↗ code.claude.com