有什么提示词能让 codex 写出来的 ui 好看点吗? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
badboy200600
V2EX    程序员

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

  •  
  •   badboy200600 3 月 23 日 3274 次点击

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

    36 条回复    2026-03-24 16:03:58 +08:00
    NoobNoob030
        1
    NoobNoob030  
       3 月 23 日   1
    apkapb
        2
    apkapb  
       3 月 23 日   3
    1 个是楼上所说;
    2 个是我的做法:

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

    上周让 codex 抄 ui 都抄错
    badboy200600
        4
    badboy200600  
    OP
       3 月 23 日
    @workbest codex 量大
    badboy200600
        5
    badboy200600  
    OP
       3 月 23 日
    @NoobNoob030 好的 我试试
    badboy200600
        6
    badboy200600  
    OP
       3 月 23 日
    @apkapb 有道理
    kevinluo
        7
    kevinluo  
       3 月 23 日
    @NoobNoob030 这个可太好了,我周末还让 Claude 按照 Arco design 的设计规范写了一份 Skill
    xinsu
        8
    xinsu  
       3 月 23 日
    请直接放弃,请使用 cc 或者 gemini ,我给他设计规范他都能给我改的丑爆了
    hmxxmh
        9
    hmxxmh  
       3 月 23 日 via Android
    @apkapb 认可
    pulutom40
        10
    pulutom40  
       3 月 23 日 via iPhone
    你是苹果前端工程师,请设计风格跟苹果集团一体的页面,如果风格不一致我就换其他 ai 了
    x97bgt
        11
    x97bgt  
       3 月 23 日 via iPhone
    @NoobNoob030 ui-ux-pro-max 是用于项目初期确定 UI 风格,还是后期再来改善 UI 的?
    x97bgt
        12
    x97bgt  
       3 月 23 日 via iPhone
    @apkapb 是先生成一个空页面,不断跟它对话调整细节,然后让 AI 描述这个页面风格,再放到别的项目中么?
    milkleeeeee
        13
    milkleeeeee  
       3 月 23 日
    我是一开始就会去 v0 设计好整个项目,然后后续要改的话就用 1 楼说的 skill
    iicoder
        14
    iicoder  
       3 月 23 日
    装几个 官方 前端 skill
    thinszx
        15
    thinszx  
       3 月 23 日
    我用 gemini canvas 先生成一个看起来不错的前端,然后再把单文件给 codex 让它按照这个生成
    HHHans
        16
    HHHans  
       3 月 23 日
    最近 codex 刚上了一个官方的 UI 相关的 skills ,叫 frontend ? 看描述应该也是有用的
    liuliuliuliu
        17
    liuliuliuliu  
    PRO
       3 月 23 日
    是,codex 一直不以好看的 ui 见长,换 gemini 吧
    OXOYO
        18
    OXOYO  
       3 月 23 日   1
    pweng286
        19
    pweng286  
       3 月 23 日
    @OXOYO 挺好
    caiyuan
        20
    caiyuan  
       3 月 23 日
    https://www.designprompts.dev/

    今天刚试了这个,挺不错的。
    iomect
        21
    iomect  
       3 月 23 日
    gemini 出原型图
    然后用 sonnet 做页面
    最后在用 codex 写交互
    badboy200600
        22
    badboy200600  
    OP
       3 月 23 日
    @pulutom40 你不干有的是 ai 干是吧
    badboy200600
        23
    badboy200600  
    OP
       3 月 23 日
    @iomect 那得要买多少套餐...
    iomect
        24
    iomect  
       3 月 23 日
    @badboy200600 #23 这是目前公认的最佳实践
    单纯只用 codex 的话 那就只能是 ui-ux-pro-max-skill 了
    Pandroid
        25
    Pandroid  
       3 月 23 日
    本设计师已经试过 Codex 了,包括它自己的提示词和官方 Skill 。

    放弃幻想,直接用 Gemini 或者 Claude 。
    erwin985211
        26
    erwin985211  
       3 月 23 日
    我直接用一个网页截图分析 css 的 skill ,风格直接抄袭。效果很不错
    zzzzz024
        27
    zzzzz024  
       3 月 23 日
    现在的 css 复制能达到基本 1:1
    doraemonki
        28
    doraemonki  
       3 月 23 日 via Android
    提示词添加:UI 界面全部交给审美更好的 gemini 完成,命令行调用方式 geminicli -p "your instruction". The Sub-Agent may take up to 20 minutes to completedo not rush or prematurely treat them as stuck. You can use file last-modified timestamps to infer progress.

    geminicli 自己写一下
    Zy143L
        29
    Zy143L  
       3 月 24 日
    建议直接左转哈基米或者小米 配合高级 UX/UI 的 skills
    img src="https://cdn.v2ex.com/gravatar/5b8b26a4edf0c684e71312333cf60e62?s=48&d=retro" class="avatar" border="0" align="default" alt="eleganceoo" data-uid="622675" />
        30
    eleganceoo  
       3 月 24 日
    @milkleeeeee v0 好贵,每次说一句话就是 3 美元
    milkleeeeee
        31
    milkleeeeee  
       3 月 24 日
    @eleganceoo 去某鱼上买余额,37 块钱可以买 $50 余额
    hoythan
        32
    hoythan  
       3 月 24 日
    #秘诀

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

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


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

    UI 界面基本不做改动,设计已经定稿,如非必要不要增改,除非经过我确认。
    badboy200600
        33
    badboy200600  
    OP
       3 月 24 日
    @hoythan 可以试试
    eleganceoo
        34
    eleganceoo  
       3 月 24 日
    @milkleeeeee #31 好的 好的,感谢
    ysicing
        35
    ysicing  
       3 月 24 日
    ui-ux-pro-max-skill 和 Superpowers 大概是这两个,会显出草图让确定后再开干
    badboy200600
        36
    badboy200600  
    OP
       3 月 24 日
    @ysicing
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2710 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 13:38 PVG 21:38 LAX 06:38 JFK 09:38
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86