我最近一直在迭代自己内测中的 App（应用）器物册的功能，但它到底该做成什么样，我自己也在纠结。所以也会询问一下内测用户的 建议，还有朋友的建议。

最开始我还是靠截图和文字讲。这里加条竖线，那里少放一张卡，右边排具体文字。可对方没看过器物册的实际内容，压根不知道我在说什么。

这就像隔着电话摆家具。我说沙发放左边、柜子靠右边；你脑子里那间房，可能和我的根本不是一间。

刚好看到 Codex 的 Visualize（可视化）插件，我研究了一下怎么用之后，直接让它做出两个原型，再丢给用户和朋友问意见。

这次我把原型图直接发过去，他一下就懂了：

我不用再费劲解释我脑子里的页面。把原型丢出去，大家看着同一张图说话，就够了。

这插件是干嘛的

大家可以在 Codex 里面用 Visualize（可视化）这个插件。它会在对话框里帮你生成一个交互原型，你可以直接对着原型继续和 Codex 聊。

它现在还不能像正式 App（应用）一样，点一下就真的跑完整个流程。但你可以看着原型告诉 Codex：“我点了这里，我本来以为会发生什么？”“如果这里展开，下面会不会太长？”它就能顺着你点的地方，帮你理解自己到底想要什么，再改下一版。

器物册的生命线正好适合这么干。我想看的不是一条规则，而是事件继续堆成卡片，还是让时间线挑大梁；用户还要不要点进详情页。这种事不摆出来，靠文字聊不透。

我是怎么让它做的

我不会上来就说“给我做个的页面”。而是你要告诉它你想要什么东西。或者你最好就在你的项目里，直接和它说让它看看当前项目具体功能的代码是什么，先绘制一版当前的状态，然后你再告诉它你想要的状态是什么，让它绘制出来，你再沟通。这样 Codex 也会更好理解你想要什么。

下面是一段演示的提示词，你可以改改，或者丢给你的 AI（人工智能）让它理解一下。

@Visualize 我正在重构一个物品的生命线页面。 现有信息：每个事件有日期、类型、金额和说明；现在以多张卡片展示。 要讨论的判断：时间线是否应成为主结构；事件是否还需要单独详情页。 请生成两个可比较的页面原型： - 方案 A：保留事件卡片，用竖线串联； - 方案 B：以竖线和日期为主，右侧直接排事件文字。 请只保留能帮助比较信息层级的交互，不要做无关控件。 我会把两个方案发给协作者，根据他们的选择和具体反馈继续修改。

怎么用

在 Codex 的插件列表里选 Visualize（可视化）就行。

官方说明：OpenAI《Visualizations》