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

[zsuxiong]

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

[zsuxiong]

@h1104350235 应该不是中文 AI ，但支持中文。不过功能还不够强大，token 也不便宜

[ramcasky]

不是，推广就明牌呗，暗地里偷偷摸摸得真没啥意思，用过，不好用

[er567]

[guanhui07]

对对对，就这样，最近半年啥都不发，一上来就给人分享 "好用" 的东西

[abc0123xyz]

@nieboqiang #2
老哥求指点，能给我看看 [prompt] 和 [ui 的规范] 吗?
因为我一直做的是后端，最近在拿 ai 搓玩具，但是前端 ui 怎么看都不好看

[zsuxiong]

@abc0123xyz 你让另外一个 ai 帮你生成提示词。譬如 chatgpt 或 google gemini

[LWFF]

对对对，就这样，最近半年啥都不发，一上来就给人分享 "好用" 的东西

[jeffh]

对对对，就这样，最近半年啥都不发，一上来就给人分享 "好用" 的东西

[zsuxiong]

@LWFF 对对对，我摊牌了，我就是 readdy 创始人。报我名字找客服，注册送键盘，打骨折价，送到你家门口还帮你写 prompt 。

[ronda90]

开过一个月会员，生成网页端 UI 还不错，生成客户端 UI 还差得多。体验和一个叫 SuperDesign 的 cursor 插件差不多。感觉现在的 AI 设计 UI 都是用网页训练的，针对网页的设计都还不错，甚至可以一比一复制别人的网站。但是针对手机的 UI ，只能说是比线框图稍微好看一点点。

[ovtfkw]

对对对，就这样，最近半年啥都不发，一上来就给人分享 "好用" 的东西
广告请发推广节点

[studyingss]

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]

印象中 v0.app 是最火的, 当时是其他 ai 工具一起搞得优惠活动

[Kumo31]

@studyingss 有意思，确实没仔细看那篇文章，套路还是太深了

[tcper]

楼主你把那个美股网站的 prompt 发出来，保证我能生成一个和他们功能一样而且没有 bug 的网站，我立刻在你推荐的网站充值，如果不能你给这个帖子里每个人打充值那么多的钱行不行？

[HotieCutie]

AI 模仿 UI 加 css 还是很强的，但是要做页面的 js 逻辑，就会写的全是 bug

[bojue]

@abc0123xyz 让 cc 生成一个它自己用的规范就行了

[cfancc]

还行吧，figma ai 写出来的也差不多的水平。还有你不能光看 UI ，得看源码是不是一坨，反正现在 ai 自己写的站点都是一坨，无法维护

[leegradyllljjjj]

现在登个互联网，全是广告，十几年之前的互联网，人与人之间还是有诚信的

[leaveeel]

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 天前活跃度极低的潜水账号突然“大方”的分享，被质疑是肯定的。