最近被 AI 生成前端的工具震撼到了,分享一个案例 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
zsuxiong
V2EX    分享发现

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

  •  
  •   zsuxiong 6 天前 5252 次点击

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

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

    @pweng286
        51
    redf  
       17 小时 37 分钟前
    @cryptovae 大家确实误会他了,他确实不是 Readdy 的人,他不可能是 Readdy 的创始人。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     991 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 19:20 PVG 03:20 LAX 11:20 JFK 14:20
    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