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

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

  •  
  •   zsuxiong · 1 天前 · 4883 次点击

    最近在做一个数据展示的项目,前端需求改来改去,我都快疯了。昨天刷 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

    50 条回复    2025-11-05 08:29:34 +08:00
    cryptovae
        1
    cryptovae  
       1 天前   ❤️ 21
    对对对,就这样,最近半年啥都不发,一上来就给人分享 "好用" 的东西
    nieboqiang
        2
    nieboqiang  
       1 天前
    你写巨详细的 prompt ,claude code 风格也能统一,我把 ui 的规范写到 md 文件里面了。
    lns04226
        3
    lns04226  
       1 天前
    对对对,这个工具就是你们开发的吧,辛辛苦苦装作不是推广,结果还是被 V 友们发现了
    duanxianze
        4
    duanxianze  
       1 天前
    即使是很强,也没多大帮助(不是说没有),前端撑死有 15%左右的精力花在画 ui 界面上,对接需求,改 bug,和产品后端吵架,这些 ai 还替代不了
    terito11122
        5
    terito11122  
       1 天前
    对对对,就这样,最近半年啥都不发,一上来就给人分享 "好用" 的东西,很难不怀疑是暗广。
    Hilong
        6
    Hilong  
       1 天前
    我用过 bolt.new 写了个博客网站,基本能跑,但是还是有不少细节需要优化
    zsuxiong
        7
    zsuxiong  
    OP
       1 天前
    claude code 也试过,对比发现还是 readdy.ai 效果好一些。
    Dreamful
        8
    Dreamful  
       1 天前
    现在 v 友都不好忽悠了
    wy78200
        9
    wy78200  
       1 天前
    对对对,就这样,最近半年啥都不发,一上来就给人分享 "好用" 的东西
    zsuxiong
        10
    zsuxiong  
    OP
       1 天前
    @Hilong bolt.new 跟 same.new 一样,很消耗 token ,claude code 性价比高
    novaline
        11
    novaline  
       1 天前
    这么火,dev.to 的文章怎么连个赞都没有
    zhongchunfeng
        12
    zhongchunfeng  
       1 天前
    对对对,就这样,最近半年啥都不发,一上来就给人分享 "好用" 的东西
    zsuxiong
        13
    zsuxiong  
    OP
       1 天前
    @terito11122 readdy.ai 感觉不错,可以免费试用,我不是 readdy 团队的人阿。我要推广,我得带个邀请码了,邀请了,双方都有 token 送
    superfatboy
        14
    superfatboy  
       1 天前
    我还以为是啥呢,之前体验过,一般般!感觉被你吹上天了
    Kumo31
        15
    Kumo31  
       1 天前
    不知道上面在阴阳怪气什么,就我自己的 side project 体验上,readdy.ai 确实比 v0 和 lovable 好一截
    piaochen0
        16
    piaochen0  
       1 天前
    最近不能免费导出代码了...导出要收费了
    h1104350235
        17
    h1104350235  
       1 天前
    中文 AI ,我直接屏蔽
    QGabriel
        18
    QGabriel  
       1 天前
    readdy.ai 确实牛逼, 用过都说好
    elron
        19
    elron  
       1 天前
    拉黑了
    zsuxiong
        20
    zsuxiong  
    OP
       1 天前
    @piaochen0 是的。但 f12 可以 copy 下。
    zsuxiong
        21
    zsuxiong  
    OP
       1 天前
    @h1104350235 应该不是中文 AI ,但支持中文。不过功能还不够强大,token 也不便宜
    ramcasky
        22
    ramcasky  
       1 天前
    不是,推广就明牌呗,暗地里偷偷摸摸得真没啥意思,用过,不好用
    er567
        23
    er567  
       1 天前
    guanhui07
        24
    guanhui07  
       1 天前
    对对对,就这样,最近半年啥都不发,一上来就给人分享 "好用" 的东西
    abc0123xyz
        25
    abc0123xyz  
       1 天前
    @nieboqiang #2
    老哥求指点,能给我看看 [prompt] 和 [ui 的规范] 吗?
    因为我一直做的是后端,最近在拿 ai 搓玩具,但是前端 ui 怎么看都不好看
    zsuxiong
        26
    zsuxiong  
    OP
       1 天前
    @abc0123xyz 你让另外一个 ai 帮你生成提示词。譬如 chatgpt 或 google gemini
    LWFF
        27
    LWFF  
       1 天前
    对对对,就这样,最近半年啥都不发,一上来就给人分享 "好用" 的东西
    jeffh
        28
    jeffh  
       1 天前
    对对对,就这样,最近半年啥都不发,一上来就给人分享 "好用" 的东西
    zsuxiong
        29
    zsuxiong  
    OP
       1 天前
    @LWFF 对对对,我摊牌了,我就是 readdy 创始人。报我名字找客服,注册送键盘,打骨折价,送到你家门口还帮你写 prompt 。
    ronda90
        30
    ronda90  
       1 天前
    开过一个月会员,生成网页端 UI 还不错,生成客户端 UI 还差得多。体验和一个叫 SuperDesign 的 cursor 插件差不多。感觉现在的 AI 设计 UI 都是用网页训练的,针对网页的设计都还不错,甚至可以一比一复制别人的网站。但是针对手机的 UI ,只能说是比线框图稍微好看一点点。
    ovtfkw
        31
    ovtfkw  
       1 天前 via iPhone
    对对对,就这样,最近半年啥都不发,一上来就给人分享 "好用" 的东西
    广告请发推广节点
    studyingss
        32
    studyingss  
       1 天前   ❤️ 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  
       1 天前
    印象中 v0.app 是最火的, 当时是其他 ai 工具一起搞得优惠活动
    Kumo31
        34
    Kumo31  
       1 天前
    @studyingss 有意思,确实没仔细看那篇文章,套路还是太深了
    tcper
        35
    tcper  
       1 天前   ❤️ 1
    楼主你把那个美股网站的 prompt 发出来,保证我能生成一个和他们功能一样而且没有 bug 的网站,我立刻在你推荐的网站充值,如果不能你给这个帖子里每个人打充值那么多的钱行不行?
    HotieCutie
        36
    HotieCutie  
       1 天前
    AI 模仿 UI 加 css 还是很强的,但是要做页面的 js 逻辑,就会写的全是 bug
    bojue
        37
    bojue  
       1 天前
    @abc0123xyz 让 cc 生成一个它自己用的规范就行了
    cfancc
        38
    cfancc  
       1 天前
    还行吧,figma ai 写出来的也差不多的水平。还有你不能光看 UI ,得看源码是不是一坨,反正现在 ai 自己写的站点都是一坨,无法维护
    leegradyllljjjj
        39
    leegradyllljjjj  
       1 天前
    现在登个互联网,全是广告,十几年之前的互联网,人与人之间还是有诚信的
    leaveeel
        40
    leaveeel  
       1 天前
    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  
       1 天前
    我目前新做的公司的小程序,直接设计图丢给 cursor,帮我生成个大差不差的基本页面,我改改细节就完事了.太方便了
    pweng286
        42
    pweng286  
       1 天前
    @leaveeel 昨天刚看到这个帖子
    zsuxiong
        43
    zsuxiong  
    OP
       1 天前
    @tcper 不用提示词,直接把截图发给 readdy 就可生成了。不一定完全一样,但可以微调
    aoxiansheng
        44
    aoxiansheng  
       1 天前
    别吹了,头疼。
    QGabriel
        45
    QGabriel  
       1 天前
    这个帖子的留言怎么都阴阳怪气的, 好不好用有需求的试一下不就知道了.
    TabGre
        46
    TabGre  
       22 小时 42 分钟前 via iPhone
    要不是我用了几亿的 token 我就信了你了😂
    shakaraka
        47
    shakaraka  
    PRO
       22 小时 28 分钟前
    这么简单,能不能写个 youtube ?
    hellodigua
        48
    hellodigua  
       22 小时 20 分钟前
    @leaveeel V2 粘贴 AI 回复会被封号的,你自求多福吧
    zhurenzhou
        49
    zhurenzhou  
       18 小时 6 分钟前
    对对对,就这样,最近半年啥都不发,一上来就给人分享 "好用" 的东西
    silkc
        50
    silkc  
       7 小时 0 分钟前
    对啊,cursor 写得也不错啊,而且简单点的前端比如 vue.js 花十分钟学下就能读了,还能自己去 debug 多好。这种全靠 prompt 的东西多了鬼知道之后出现什么奇怪 bug

    @pweng286
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   5329 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 07:30 · PVG 15:30 · LAX 23:30 · JFK 02:30
    ♥ Do have faith in what you're doing.