Codex 已经可以向人展示设计预览效果了

问题描述：

（有点标题党，这个是一个 skill 提供的功能）

先说明：Codex 所使用的模型是 gpt-5.4，采用的 Skill 是 Superpowers（不能发 GitHub 链接，还请自行 Google ）。

image1920×911 49.7 KB

目前是正在维护博客站点，开始搞最难缠的 Mermaid 了。

但是很麻烦就是了……

网友解答：

---

--【壹】--：

这玩意之前gpt给我生成的web review页面全是白底白字 我想看清还要选中字体才能看清 非常阴间直接停用了

---

--【贰】--：

用了就回不去力 （

---

--【叁】--：

codex app？

---

--【肆】--：

我记得好像有几个更专业的前端设计的插件，UI UX Pro Max啥的，但我没有需求，没试过，佬可以试下效果看看

---

--【伍】--：

这个我找到了，我试用一下。

---

--【陆】--：

反重力ide里面的所有模型都可以直接调用谷歌大香蕉生图，

话说如果想在codex里用的话

可以推荐一个mcp，

https://linux.do/t/topic/1844256

---

--【柒】--：

快发出来的时候注意到网页的左上角有一个 Superpowers Brainstorming 了。

---

--【捌】--：

这让我想起来当初用反重力的Claude opus4.6时候，这家伙用大香蕉直接给我生成了一张效果图，牛逼的很

mmexport17753176303852154×2022 266 KB

---

--【玖】--：

唉，大香蕉比较缺渠道啊

---

--【拾】--：

是 Codex CLI 哦。

---

--【拾壹】--：

superpowers的brainstorm吧 会把思维过程和方案做成本地访问的web页面

---

--【拾贰】--：

mermaid可以试下这个库 lukilabs/beautiful-mermaid

import { renderMermaidSVG } from 'beautiful-mermaid' const svg = renderMermaidSVG(` graph TD A[Start] --> B{Decision} B -->|Yes| C[Action] B -->|No| D[End] `)

基于上面的api可以vibe一个渲染mermaid的插件；
不过我自己还是用的官方 api，就是自定义颜色不太方便

---

--【拾叁】--：

已经连着几个星期看到站里的佬友们因为用不上 Opus 4.6 抓狂啦。

---

--【拾肆】--：

哈哈，确实，我已经充值 Pro 了……

---

--【拾伍】--：

WTF？我真没用过 Opus，这么强？