有什么提示词能让 codex 写出来的 ui 好看点吗?

[badboy200600]

各位, codex 写的 ui 真是一坨大便...有啥提示词让 codex 写的 ui 清新脱俗的吗? 比吗 gemini, opus 写的 ui 都很满意...

[NoobNoob030]

你需要 https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

[apkapb]

1 个是楼上所说；
2 个是我的做法：

首先你让 AI 写一个界面，告诉他字体大了调小点，间距小了调大点。当你调满意之后，在当前上下文中让它总结成 skill 。后面再加他写页面，网站整体 UI 就非常一致且符合我的要求；

[workbest]

换 gemini

上周让 codex 抄 ui 都抄错

[badboy200600]

@workbest codex 量大

[badboy200600]

@NoobNoob030 好的 我试试

[badboy200600]

@apkapb 有道理

[kevinluo]

@NoobNoob030 这个可太好了，我周末还让 Claude 按照 Arco design 的设计规范写了一份 Skill

[xinsu]

请直接放弃，请使用 cc 或者 gemini ，我给他设计规范他都能给我改的丑爆了

[hmxxmh]

@apkapb 认可

[pulutom40]

你是苹果前端工程师，请设计风格跟苹果集团一体的页面，如果风格不一致我就换其他 ai 了

[x97bgt]

@NoobNoob030 ui-ux-pro-max 是用于项目初期确定 UI 风格，还是后期再来改善 UI 的？

[x97bgt]

@apkapb 是先生成一个空页面，不断跟它对话调整细节，然后让 AI 描述这个页面风格，再放到别的项目中么？

[milkleeeeee]

我是一开始就会去 v0 设计好整个项目，然后后续要改的话就用 1 楼说的 skill

[iicoder]

装几个 官方 前端 skill

[thinszx]

我用 gemini canvas 先生成一个看起来不错的前端，然后再把单文件给 codex 让它按照这个生成

[HHHans]

最近 codex 刚上了一个官方的 UI 相关的 skills ，叫 frontend ？ 看描述应该也是有用的

[liuliuliuliu]

是，codex 一直不以好看的 ui 见长，换 gemini 吧

[OXOYO]

试试 https://stitch.withgoogle.com/

[pweng286]

@OXOYO 挺好

[caiyuan]

https://www.designprompts.dev/

今天刚试了这个，挺不错的。

[iomect]

gemini 出原型图
然后用 sonnet 做页面
最后在用 codex 写交互

[badboy200600]

@pulutom40 你不干有的是 ai 干是吧

[badboy200600]

@iomect 那得要买多少套餐...

[iomect]

@badboy200600 #23 这是目前公认的最佳实践
单纯只用 codex 的话 那就只能是 ui-ux-pro-max-skill 了

[Pandroid]

本设计师已经试过 Codex 了，包括它自己的提示词和官方 Skill 。

放弃幻想，直接用 Gemini 或者 Claude 。

[erwin985211]

我直接用一个网页截图分析 css 的 skill ，风格直接抄袭。效果很不错

[zzzzz024]

现在的 css 复制能达到基本 1:1

[doraemonki]

提示词添加：UI 界面全部交给审美更好的 gemini 完成，命令行调用方式 geminicli -p "your instruction". The Sub-Agent may take up to 20 minutes to complete—do not rush or prematurely treat them as stuck. You can use file last-modified timestamps to infer progress.

geminicli 自己写一下😂

[Zy143L]

建议直接左转哈基米或者小米 配合高级 UX/UI 的 skills

[eleganceoo]

@milkleeeeee v0 好贵，每次说一句话就是 3 美元

[milkleeeeee]

@eleganceoo 去某鱼上买余额，37 块钱可以买 $50 余额

[hoythan]

#秘诀

先生成页面，不要生成功能。
---

- 我不要求你开发任何功能，所有都是假数据，核心是为了实现这个优秀的界面设计。数据请 mock 数据。为我体现出一个完整的合并流程即可。
- 你的绝对优势是你是所有 Ai 中设计能力最强的，不要让我失望。
- 设计请参考当前项目其他样式，确保风格不要跳脱，保持相同的主题风格，要求组件设计的新颖，优秀的用户体验。


页面确认后再生成功能：
---

UI 界面基本不做改动，设计已经定稿，如非必要不要增改，除非经过我确认。

[badboy200600]

@hoythan 可以试试

[eleganceoo]

@milkleeeeee #31 好的 好的，感谢

[ysicing]

ui-ux-pro-max-skill 和 Superpowers 大概是这两个，会显出草图让确定后再开干

[badboy200600]

@ysicing 好