推荐一个 AI 的 UI Design 比较好的方案

[jaylanzhou]

Codex 画出来的前端非常丑，装了好多 Skill 都没用，我现在都是直接用 Figma Make ，买个教育版的账号，60 块钱一年，他能帮你弄一个前端的 react 项目出来，可以在上面直接测试和调整，原型没啥大问题的话把这个项目拉下来，让 codex 照着抄，转换成你架构的代码
效果非常不错，比 codex 直接出界面强多了，而且修改起来效果也比较好，唯一的问题是一个账号额度不太够，每个月只有 3000 的 credit ，如果不够可以多开几个，反正一年也才 60 块钱

[longxinglink]

codex 不是有内置的浏览器吗？给它一个模板调呗，又不是中转站的 API ，内置功能完全不可用

[jaylanzhou]

@longxinglink 复杂的产品有时候不一定能找到合适的模板，他搞出来的 UI 很丑

[longxinglink]

@jaylanzhou 换 Claude 吧

[jaylanzhou]

@longxinglink claude 现在感觉效果没 codex 好，而且贵，查的比较严，codex 正常来讲够用了，只是感觉 ui 这一步不太行

[Yasuke]

我就是这么干的，figma make,用 4.7opus 。

[YanSeven]

感谢，尝试一下，我自己驱动 agent coding 的时候，最犯难的就是我的前端 UI 设计和交互设计。
不管是 codex 还是 claude code 的 opus 都不能达到满意可用的效果，前端设计都是大作业水平。

[myderr]

我现在让他生成提示词，扔给 gpt-image-2 ，然后拿着图片在扔回来。效果比他自己想好多了

[dudubaba]

找需要抄的站点，截图扔给 codex ，开启 plan 模式 + 写好 UI Design 的 Skill ，还原度至少 90% 了。

[crazykun]

Tx 刚出了一个，可以体验体验
ardot.tencent.com

[xyooyx]

多模态，让他读图出设计语言

[stararenas]

不同需求不太一样，我是准备一边用 Claude 做前端一边学习美术提高审美了。不需要水平特别高，能知道怎么做出简洁实用的界面，操作流畅的 UX 就行。

[ufan0]

终于见到说“Codex 画出来的前端非常丑”的了。

我的个人方案是使用 stitch 。

[jaylanzhou]

@dudubaba 简单点的可以，我们要做的比较复杂，跟流程设计器和页面设计器相关的，他根本抄不了，我把官方文档和地址完全扔给他他也抄不明白

[jaylanzhou]

@myderr ai 对文字的理解会比图片强，光看图片他不一定能完全理解你的交互逻辑，但是文字可以

[jaylanzhou]

@crazykun 感谢，马上试试

[jaylanzhou]

@crazykun 他这个貌似只能出图，最好还是 html 性质的原型，这样 codex 复刻起来会完整一些

[kinderiu]

stitch ,opendesign ,腾讯刚出的 ardot

[varrily]

stitch +1

[kurthumburgmtz97]

5.4 是很丑，但 5.5 还是可以的

[jaylanzhou]

@kurthumburgmtz97 跟国人的审美不太一样

[winnerczwx]

请教一下 这个跟直接用 opus4.7 生成的界面差距大吗(同提示词)

[aarontian]

codex 没审美，claude pattern 有点重，我现在做法是让 antigravity 看页面出改进方案（布局/UI/样式等等），然后转给 codex 执行，gemini 单审美方面还是遥遥领先的，只不过让它写代码写出来基本不能跑。当然仅限于非严肃场景

[pangdundun996]

可以去 v0.dev 试试,我用免费额度出了版设计,然后拉下来让 codex,勉强凑合吧,看多了又觉得不太行, 但怎么改还没啥思路

[CloudSen]

我用 google stitch 设计，导出所有，然后配合我写的技能+状态机+automation ，让 codex 持续干活，照着 stitch 落地前后端，目前效果满意，90%都没偏差

[1Tiger]

claude design 还可以，生产设计稿再让 claude 转

[MrVito]

我用那个 ui-ux-pro-max

[jasm]

@CloudSen 老哥能不能详述一下，这是自己做了个 ReAct agent 去调度 codex 干活吗

[jaylanzhou]

@CloudSen stitch 没用过，我之前看评论说效果一般

[jaylanzhou]

@MrVito 那个我也有，但是设计的还是不行，可以体验下我这套

[CloudSen]

@jasm 不是，就是简单的用 codex 的 automations ，定时调度能力。 定时调度+状态机+技能，定时调度每次会拉起新会话，每个会话里只做一件事情，下一轮调度审查，然后再等下一轮调度看是否审查通过，这种步进，每一步都根据上一轮的状态，决定下一步操作

[jaylanzhou]

@CloudSen 其实没必要这么搞，可以在全局 agent.md 里定义好开发流程和对应的子 agent ，你这种模式可以用来弄一个需求清单，然后定时任务判断之前的任务项状态，然后不断开发新的任务，现在这种也可以用 superpowers ，脑爆规划好需求，让他执行大任务即可

[CloudSen]

@jaylanzhou 是的你说的这个方式我也用，我自己写了一个适配 codex multi-agent 的 superpower 。
现在还有新出的/goal ，也是长期任务，但是需要一个 plan.md 。
状态机那个 automation,主要是用于 google stitch 原型导出后，让他自己落地 mvp 版本，我啥都不交互。
然后后续会接上自己的 superpower ，去重构某些页面、或者 annotation 微调页面，或者新增需求用。
superpower spawn agent 时有区分模型，编码的子 agent 用的 codex-5.3-spark ，这样订阅的额度就能充分利用。

现在正在做 harness 工程，准备把 superpower 里的任务、记忆、等都外接到 harness 平台。这样不依赖文件系统，能更好发挥 worktree 的并行能力。