bridge
将设计系统意图编译为符合规范的 Figma 设计，确保零幻觉、零硬编码。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：bridge。 它的用途是：将设计系统意图编译为符合规范的 Figma 设计，确保零幻觉、零硬编码。 完整的 Skill 内容见：https://321skill.com/skills/bridge/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'在 Claude Code 中，进入我们的设计系统仓库，然后输入：make a login modal with dark theme variant'，Bridge 会解析你的指令，从知识库中调用正确的组件和变量，生成一个完全符合设计系统规范的深色主题登录弹窗 Figma 设计，并自动在 Figma 中创建出来。
介绍
Bridge 解决了 AI 生成 Figma 设计时难以保证设计系统（DS）合规性的核心痛点。它通过一个确定性的编译器，将自然语言描述的设计意图（CSpec YAML）编译为严格遵守 26 条 Figma API 规则的代码，确保输出的设计直接使用设计系统中的真实组件、变量和文本样式，从根本上杜绝了 AI 幻觉和硬编码值。
使用方式非常直观：在 Claude Code 会话中，设计师或开发者只需输入类似 make a settings screen for account information 的自然语言指令，Bridge 便会自动生成结构化的设计规范、经过验证的场景图 JSON，并编译执行出最终的 Figma 设计。迭代时，可以使用 fix 命令捕获手动编辑作为学习；定稿时使用 done 归档并提取可复用的设计配方。
该工具非常适合 UI 设计师、前端开发以及负责维护设计系统的产品经理或团队。它让设计师能够从繁琐的规范对齐中解放出来，专注于创意表达；同时让开发团队拥有一个与 Figma 实时同步的“活知识库”，确保设计与代码的一致性。
建议在使用前，确保你的设计系统在 Figma 中已具备良好的组件化和变量定义。首次使用时，在 Claude Code 中运行 setup bridge 命令，它会引导你完成整个仓库的脚手架搭建、知识库提取和 CI/CD 工作流配置，过程约需 10 分钟。
核心特点
核心区别在于采用“编译时保证合规”而非“运行时验证”的范式，通过内置的 26 条 Figma API 规则编译器，从源头确保所有输出都严格遵循设计系统，彻底消除了 AI 生成设计中的猜测和硬编码问题。
注意事项
不适合没有建立结构化设计系统（组件、变量、文本样式）或设计系统非常不稳定的团队直接使用。
常见问题
Bridge 如何保证生成的设计符合我们的设计系统？
Bridge 通过一个本地编译器，将你的设计意图（CSpec）编译为 Figma Plugin API 代码，并强制执行 26 条规则（如正确使用组件、变量绑定等），确保输出直接引用设计系统中的真实元素，而非生成近似值或硬编码。
设计系统更新后，Bridge 如何同步？
Bridge 通过每日定时任务（Cron）自动从 Figma 拉取最新设计系统数据，与本地知识库比对，如有差异会自动创建 Pull Request 供团队审查更新，实现知识库的持续同步。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/bridge/raw/index.md 读取 bridge 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/bridge/raw/index.md（查看排版版本）