这是什么
一个给编程 Agent 用的结构化规划模式。方案变成一目了然的文档，内嵌图示、代码、数据模型、待定问题，还可选顶部画布或实时原型。
Generate rich visual plans as MDX with diagrams, API specs and zoomable wireframes, then recap what the agent did.
它对设计意味着什么
- 界面方案开头就是线框画板，每个用户可见状态一张。
- 评审者针对锚定的元素评论，而不是在聊天里扯皮。
- 多步流程在静态样机旁边配一个能操作的原型。
包含哪些内容
- When to use
- Plan discipline
- Core workflow
- Visual surface choice
- Wireframe quality
- Self-review before handoff
如何安装
Agent-Native Plans
-
克隆这个仓库。
git clone https://github.com/BuilderIO/skills -
把 Codex 指向这个 Skill 文件。
skills/visual-plan/SKILL.md -
然后描述你想要的界面，Codex 会照着这个 Skill 来做。
如何配合 Codex 使用
-
用 Agent-Native CLI 安装，再跑 /visual-plan 命令。
-
粘贴一份现成的 Codex 或 Markdown 方案当素材。
-
读反馈、改方案，再核对已保存的结果。
这里的每个插件都免费开源，并附上真实的上游源地址。
在 codex-design 清单上了解更多 ↗
下一步
用 Open Design 做设计，省掉那些配置
你可以自己装这个插件，也可以用 Open Design 在 Codex 外面套一整层精选设计层。自带 API Key，产出归你所有。