V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
zsuxiong
V2EX  ›  分享发现

最近被 AI 生成前端的工具震撼到了,分享一个案例

  •  
  •   zsuxiong · 19 小时 54 分钟前 · 4641 次点击

    最近在做一个数据展示的项目,前端需求改来改去,我都快疯了。昨天刷 dev.to 看到一篇文章,有人说他们没招前端,直接用 AI 工具生成了整个网站 UI 。

    我本来以为又是标题党,结果点进去看了下他们做的 13radar.com (一个美股数据网站),还真像那么回事。页面布局、响应式、甚至一些交互细节都有。

    他们用的工具叫 readdy.ai ,基本原理就是你写一个超详细的 prompt (他们写了 3800 字),描述你要的界面,然后它直接吐出前端代码。不是那种简单的 HTML 模板,而是包含状态管理、事件处理这些的完整代码。

    我昨天晚上试了一下,用它生成了个简单的 dashboard ,效果出乎意料的好:

    代码结构清晰,组件化做得不错

    样式统一,响应式也处理得很自然

    交互逻辑基本都能跑通,甚至考虑了一些边界情况

    感觉比我平时用 Claude 生成的代码质量还要高一些,可能是因为它专注做 UI 这块

    最让我惊讶的是,它生成的代码风格还挺统一的,不像其他 AI 工具那样每次生成都不一样。我甚至拿着生成的代码给同事看,他们都没看出来是 AI 写的。

    当然,你还是得写很详细的 prompt 。但对我们这种后端为主的团队来说,写 prompt 比学前端框架简单多了。

    有人用过类似的工具吗?比如 v0.dev 、bolt.new 这些?在实际项目中的体验如何?我现在有点纠结要不要在正式项目里用这个。

    原文链接: https://dev.to/pump_web_c125a746e2ec6f19/i-skipped-the-frontend-team-heres-the-3800-character-prompt-that-built-my-startups-ui-16h5

    49 条回复    2025-11-04 21:24:14 +08:00
    cryptovae
        1
    cryptovae  
       19 小时 42 分钟前   ❤️ 21
    对对对,就这样,最近半年啥都不发,一上来就给人分享 "好用" 的东西
    nieboqiang
        2
    nieboqiang  
       19 小时 41 分钟前
    你写巨详细的 prompt ,claude code 风格也能统一,我把 ui 的规范写到 md 文件里面了。
    lns04226
        3
    lns04226  
       19 小时 40 分钟前
    对对对,这个工具就是你们开发的吧,辛辛苦苦装作不是推广,结果还是被 V 友们发现了
    duanxianze
        4
    duanxianze  
       19 小时 37 分钟前
    即使是很强,也没多大帮助(不是说没有),前端撑死有 15%左右的精力花在画 ui 界面上,对接需求,改 bug,和产品后端吵架,这些 ai 还替代不了
    terito11122
        5
    terito11122  
       19 小时 31 分钟前
    对对对,就这样,最近半年啥都不发,一上来就给人分享 "好用" 的东西,很难不怀疑是暗广。
    Hilong
        6
    Hilong  
       19 小时 26 分钟前
    我用过 bolt.new 写了个博客网站,基本能跑,但是还是有不少细节需要优化
    zsuxiong
        7
    zsuxiong  
    OP
       19 小时 25 分钟前
    claude code 也试过,对比发现还是 readdy.ai 效果好一些。
    Dreamful
        8
    Dreamful  
       19 小时 24 分钟前
    现在 v 友都不好忽悠了
    wy78200
        9
    wy78200  
       19 小时 23 分钟前
    对对对,就这样,最近半年啥都不发,一上来就给人分享 "好用" 的东西
    zsuxiong
        10
    zsuxiong  
    OP
       19 小时 18 分钟前
    @Hilong bolt.new 跟 same.new 一样,很消耗 token ,claude code 性价比高
    novaline
        11
    novaline  
       19 小时 18 分钟前
    这么火,dev.to 的文章怎么连个赞都没有
    zhongchunfeng
        12
    zhongchunfeng  
       19 小时 16 分钟前
    对对对,就这样,最近半年啥都不发,一上来就给人分享 "好用" 的东西
    zsuxiong
        13
    zsuxiong  
    OP
       19 小时 16 分钟前
    @terito11122 readdy.ai 感觉不错,可以免费试用,我不是 readdy 团队的人阿。我要推广,我得带个邀请码了,邀请了,双方都有 token 送
    superfatboy
        14
    superfatboy  
       19 小时 4 分钟前
    我还以为是啥呢,之前体验过,一般般!感觉被你吹上天了
    Kumo31
        15
    Kumo31  
       19 小时 3 分钟前
    不知道上面在阴阳怪气什么,就我自己的 side project 体验上,readdy.ai 确实比 v0 和 lovable 好一截
    piaochen0
        16
    piaochen0  
       18 小时 58 分钟前
    最近不能免费导出代码了...导出要收费了
    h1104350235
        17
    h1104350235  
       18 小时 58 分钟前
    中文 AI ,我直接屏蔽
    QGabriel
        18
    QGabriel  
       18 小时 56 分钟前
    readdy.ai 确实牛逼, 用过都说好
    elron
        19
    elron  
       18 小时 55 分钟前
    拉黑了
    zsuxiong
        20
    zsuxiong  
    OP
       18 小时 54 分钟前
    @piaochen0 是的。但 f12 可以 copy 下。
    zsuxiong
        21
    zsuxiong  
    OP
       18 小时 53 分钟前
    @h1104350235 应该不是中文 AI ,但支持中文。不过功能还不够强大,token 也不便宜
    ramcasky
        22
    ramcasky  
       18 小时 51 分钟前
    不是,推广就明牌呗,暗地里偷偷摸摸得真没啥意思,用过,不好用
    er567
        23
    er567  
       18 小时 43 分钟前
    guanhui07
        24
    guanhui07  
       18 小时 42 分钟前
    对对对,就这样,最近半年啥都不发,一上来就给人分享 "好用" 的东西
    abc0123xyz
        25
    abc0123xyz  
       18 小时 38 分钟前
    @nieboqiang #2
    老哥求指点,能给我看看 [prompt] 和 [ui 的规范] 吗?
    因为我一直做的是后端,最近在拿 ai 搓玩具,但是前端 ui 怎么看都不好看
    zsuxiong
        26
    zsuxiong  
    OP
       18 小时 32 分钟前
    @abc0123xyz 你让另外一个 ai 帮你生成提示词。譬如 chatgpt 或 google gemini
    LWFF
        27
    LWFF  
       18 小时 31 分钟前
    对对对,就这样,最近半年啥都不发,一上来就给人分享 "好用" 的东西
    jeffh
        28
    jeffh  
       18 小时 19 分钟前
    对对对,就这样,最近半年啥都不发,一上来就给人分享 "好用" 的东西
    zsuxiong
        29
    zsuxiong  
    OP
       18 小时 19 分钟前
    @LWFF 对对对,我摊牌了,我就是 readdy 创始人。报我名字找客服,注册送键盘,打骨折价,送到你家门口还帮你写 prompt 。
    ronda90
        30
    ronda90  
       17 小时 51 分钟前
    开过一个月会员,生成网页端 UI 还不错,生成客户端 UI 还差得多。体验和一个叫 SuperDesign 的 cursor 插件差不多。感觉现在的 AI 设计 UI 都是用网页训练的,针对网页的设计都还不错,甚至可以一比一复制别人的网站。但是针对手机的 UI ,只能说是比线框图稍微好看一点点。
    ovtfkw
        31
    ovtfkw  
       17 小时 28 分钟前 via iPhone
    对对对,就这样,最近半年啥都不发,一上来就给人分享 "好用" 的东西
    广告请发推广节点
    studyingss
        32
    studyingss  
       16 小时 46 分钟前   ❤️ 11
    op 否认了自己是 readdy 的创始人,显然他也确实不是。

    但文中还出现了另一个链接 13radar[.]com , op 贴出的所谓 dev.to 文章链接发布于 11.1 日,也就是三天前,并且发布账号是一个完全的新号,只有这一篇 AI 味相当重的文章。

    Google 搜索这个 "13rada[r][.]com" ,结果只有 4 页,显然是一个新站。同时作为 dev.to 上的 0 赞 1 评文章,很难说被谁恰好刷到,偏偏 op 就看到了,devto 的推荐机制确实很优秀,

    这篇文章底下刚好还有个评论,点开评论,同样是 1 篇文章的号,点开主页: https://dev[.]to/aiprogram ,wow ,一模一样的 ai 味文章和 ai 网站呢,再点开主页挂的链接,v 站刷的多的朋友肯定很熟悉了,某个营销号的兵弄出来的 AI 垃圾网页,

    看出来 devto 的推荐机制确实很不错,一个做 ai 垃圾站爱用 ai 写文章的人,刚好就刷到另一个做 ai 垃圾站爱用 ai 写文章的人 1 篇 0 评 0 赞的 ai 文章,还认真看完并留下了评论,(没有说这两个号都是 op 的意思,可能 op 也只是被 devto 的优秀推荐机制推荐到了呢)

    总之我替 op 说两句话,他可能确实不是来推广 readdy 的。

    CC @Kumo31 @novaline @lns04226
    kamikaze472
        33
    kamikaze472  
       15 小时 36 分钟前
    印象中 v0.app 是最火的, 当时是其他 ai 工具一起搞得优惠活动
    Kumo31
        34
    Kumo31  
       15 小时 17 分钟前
    @studyingss 有意思,确实没仔细看那篇文章,套路还是太深了
    tcper
        35
    tcper  
       15 小时 14 分钟前   ❤️ 1
    楼主你把那个美股网站的 prompt 发出来,保证我能生成一个和他们功能一样而且没有 bug 的网站,我立刻在你推荐的网站充值,如果不能你给这个帖子里每个人打充值那么多的钱行不行?
    HotieCutie
        36
    HotieCutie  
       15 小时 4 分钟前
    AI 模仿 UI 加 css 还是很强的,但是要做页面的 js 逻辑,就会写的全是 bug
    bojue
        37
    bojue  
       15 小时 2 分钟前
    @abc0123xyz 让 cc 生成一个它自己用的规范就行了
    cfancc
        38
    cfancc  
       14 小时 58 分钟前
    还行吧,figma ai 写出来的也差不多的水平。还有你不能光看 UI ,得看源码是不是一坨,反正现在 ai 自己写的站点都是一坨,无法维护
    leegradyllljjjj
        39
    leegradyllljjjj  
       14 小时 57 分钟前
    现在登个互联网,全是广告,十几年之前的互联网,人与人之间还是有诚信的
    leaveeel
        40
    leaveeel  
       14 小时 57 分钟前
    10. 真实度/可信度 🎭 (1-10 分)
    量化指标:

    内容前后一致性: 高(都与 Web 技术相关)

    引战/攻击性言论次数: 0 次

    疑似营销/广告内容: 7 次(回复 #1-7 均在强力推荐 readdy.ai

    逻辑矛盾或编故事迹象: 1 处(回复 #5 否认是团队成员,回复 #1 幽默地“承认”是创始人)

    分析要点:

    动机纯粹性: 这是本案最大的疑点。用户在自己创建的主题中,7 次回复均指向 readdy.ai ,这是非常明显的产品推广或“软广”行为。

    营销特征:

    强力引流: 积极推荐 readdy.ai (回复 #5, #7 )。

    身份模糊: 在回复 #5 中主动否认(“我不是 readdy 团队的人阿”),这种“此地无银三百两”的声明反而加重了营销嫌疑。

    幽默公关: 在回复 #1 中用幽默方式应对质疑,是高明的公关手段。

    结论: 该用户极有可能就是 readdy.ai 的创始人或核心员工,正在 V2EX 进行“软营销”。虽然 TA 不是一个低级的“水军”(因为 TA 了解竞品,回复有技术含量,且账号有一定历史),但这明显是一种营销行为。

    真实度: 其分享的“体验”是真实的,但其“普通用户”的身份是可疑的。

    评分: 5/10 分 评分依据: 符合“部分内容夸张或不实(指身份)...但大部分内容真实(指技术对比)”的 4-6 分标准。其营销动机非常明显,拉低了作为普通用户的可信度。

    ---------------

    刚好上周有个人分享了个分析脚本拿去查了下。一个 17 年注册到现在,上次回复是 257 天前活跃度极低的潜水账号突然“大方”的分享,被质疑是肯定的。
    pweng286
        41
    pweng286  
       14 小时 54 分钟前
    我目前新做的公司的小程序,直接设计图丢给 cursor,帮我生成个大差不差的基本页面,我改改细节就完事了.太方便了
    pweng286
        42
    pweng286  
       14 小时 51 分钟前
    @leaveeel 昨天刚看到这个帖子
    zsuxiong
        43
    zsuxiong  
    OP
       14 小时 20 分钟前
    @tcper 不用提示词,直接把截图发给 readdy 就可生成了。不一定完全一样,但可以微调
    aoxiansheng
        44
    aoxiansheng  
       14 小时 11 分钟前
    别吹了,头疼。
    QGabriel
        45
    QGabriel  
       14 小时 5 分钟前
    这个帖子的留言怎么都阴阳怪气的, 好不好用有需求的试一下不就知道了.
    TabGre
        46
    TabGre  
       12 小时 32 分钟前 via iPhone
    要不是我用了几亿的 token 我就信了你了😂
    shakaraka
        47
    shakaraka  
    PRO
       12 小时 19 分钟前
    这么简单,能不能写个 youtube ?
    hellodigua
        48
    hellodigua  
       12 小时 10 分钟前
    @leaveeel V2 粘贴 AI 回复会被封号的,你自求多福吧
    zhurenzhou
        49
    zhurenzhou  
       7 小时 57 分钟前
    对对对,就这样,最近半年啥都不发,一上来就给人分享 "好用" 的东西
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   927 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 21:21 · PVG 05:21 · LAX 13:21 · JFK 16:21
    ♥ Do have faith in what you're doing.