MagicPath

MagicPath UI 组件工作流

在代码、主题和画布之间查找、复用并创作 MagicPath 组件。

加入项目

这个插件是做什么的

从 Codex 搜索和检查 MagicPath UI 组件源码,将 React 与 TypeScript 组件加入应用,使用团队项目和主题,并从本地代码创建或编辑画布组件。

实际使用时,可以先从“查找按钮组件并加入当前应用”开始,再根据任务继续“从仓库现有界面创建新的画布组件”,并把“用团队 MagicPath 主题调整组件外观”纳入同一流程。官方目录列出的 1 个 Skills会按具体任务参与处理。

它更适合 React 前端开发者、设计系统维护者和使用 MagicPath 协作的产品团队,尤其是希望在代码、主题和画布之间查找、复用并创作 MagicPath 组件,并把相关资料与操作集中在 Codex 中完成的场景。

查看官方英文说明

Use MagicPath through the magicpath-ai CLI to search UI components, inspect source, install React and TypeScript components into applications, work with team projects and themes, and create or edit canvas components from local code.

解决什么问题

  • 前端团队难以从组件库快速找到合适实现
  • 也不便在代码、品牌主题与可视化画布之间保持一致
  • 难以查找按钮组件并加入当前应用
  • 难以从仓库现有界面创建新的画布组件
  • 难以用团队 MagicPath 主题调整组件外观

适合哪些用户

  • React 前端开发者
  • 设计系统维护者
  • 使用 MagicPath 协作的产品团队

适合完成哪些任务

  • 查找按钮组件并加入当前应用
  • 从仓库现有界面创建新的画布组件
  • 用团队 MagicPath 主题调整组件外观

包含的 Skills

Skills(1)

  • magicpath

    处理 MagicPath 设计、UI 组件、主题、画布选区及仓库到画布的 UI 工作,并用 magicpath-ai 搜索、检查、安装或编写组件

使用前注意事项

安装 MagicPath 时可能需要连接发布者账户,具体权限取决于你的套餐、地区和工作区管理员设置。 官方标注包含 Write 能力;执行写入、修改、发送或发布前,请核对目标、内容和授权范围。 官方目录当前没有提供单条插件的最近更新时间;达灵感不会用目录同步时间冒充更新时间。

安装到 Codex

当前官方目录未提供可直接复制的命令。你可以复制下面的安装指令并发送给 Codex,Codex 会查找对应插件并发起安装确认。