什么是MagicPath？
MagicPath 是一个专为人类与 AI 智能体共同协作而打造的共享工作空间。在这里，设计师、开发者和 AI 代理可以实时在同一画布上协同创作，无需反复切换工具或等待反馈。无论是创建新界面、修改现有组件，还是同步代码库，MagicPath 都让整个流程变得流畅自然。
MagicPath 2.0 更进一步，支持“多人+多智能体”模式——你只需提出一个需求，多个 AI 代理就能同时生成不同设计方案或页面变体。你的团队成员也能随时加入，与 AI 并肩工作，真正实现人机协同的高效创造力。
MagicPath的核心功能有哪些？
- 多人多智能体实时协作：人类与多个 AI 代理在同一个设计画布上同步编辑、移动和操作，所有变化即时可见。
- 外部智能体集成：轻松接入你已信任的 AI 工具，如 Codex、Claude Code 或 Cursor，并连接 GitHub 仓库、Linear 任务或 MCP 系统。
- 设计与代码双向同步：一键将画布上的组件推送到代码库（生成真实 React 代码），也能从代码库拉取现有组件进行可视化编辑。
- 云端持续运行：即使关闭应用，AI 代理仍可通过终端、手机等设备向 MagicPath 发送指令，下次打开时更新已就绪。
- 可交互原型链接：所有设计都是真实运行的代码，生成的分享链接可直接体验功能，不只是静态图片。
- 任务与项目整合：直接在界面中查看 Linear 任务、代码库状态和数据库信息，让设计决策基于真实上下文。
MagicPath的使用案例有哪些？
- 设计师提出“创建登录页变体”，多个 AI 代理同时生成不同风格方案供团队快速评审。
- 开发者通过终端命令让外部 AI 修改某个组件，MagicPath 自动将其更新到设计文件并同步至 Git 仓库。
- 产品经理在 MagicPath 中查看 Linear 的高优任务（如“修复登录 bug”），直接调用 AI 生成对应 UI 修复方案。
- 远程团队成员在不同时区协作：一人下班前提交需求，AI 通宵工作，次日早上即可看到完整成果。
- 将现有 React 组件拖入画布进行可视化调整，再一键推送回代码库，省去手动还原设计的繁琐过程。
- 客户评审时直接点击分享链接，实时体验可交互原型，而非翻阅静态 Figma 页面。
如何使用MagicPath？
- 在电脑浏览器访问 magicpath.ai 或下载 macOS 应用开始使用（移动端仅支持部分操作）。
- 创建新项目后，点击“External agents”连接你的 AI 工具（如 Cursor）并安装 MagicPath 技能：
npx skills add https://github.com/magicpathai/agent-skills --skill magicpath。 - 在画布中直接输入自然语言指令（如“添加账单页面”），AI 团队会自动生成多个设计方案。
- 通过“Libraries”面板从代码库拉取现有组件，拖到画布上编辑后再推回，实现设计-开发闭环。
- 点击右上角“Share”生成可交互原型链接，直接发送给客户或团队成员体验真实功能。
- 在“Threads”中创建任务线程，关联 Linear issue 或代码变更，确保设计与开发进度一致。
