最近被 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

[cryptovae]

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

[nieboqiang]

你写巨详细的 prompt ，claude code 风格也能统一，我把 ui 的规范写到 md 文件里面了。

[lns04226]

对对对，这个工具就是你们开发的吧，辛辛苦苦装作不是推广，结果还是被 V 友们发现了

[duanxianze]

即使是很强，也没多大帮助（不是说没有），前端撑死有 15%左右的精力花在画 ui 界面上，对接需求，改 bug,和产品后端吵架，这些 ai 还替代不了

[terito11122]

对对对，就这样，最近半年啥都不发，一上来就给人分享 "好用" 的东西，很难不怀疑是暗广。

[Hilong]

我用过 bolt.new 写了个博客网站,基本能跑,但是还是有不少细节需要优化

[zsuxiong]

claude code 也试过，对比发现还是 readdy.ai 效果好一些。

[Dreamful]

现在 v 友都不好忽悠了

[wy78200]

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

[zsuxiong]

@Hilong bolt.new 跟 same.new 一样，很消耗 token ，claude code 性价比高

[novaline]

这么火，dev.to 的文章怎么连个赞都没有

[zhongchunfeng]

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

[zsuxiong]

@terito11122 readdy.ai 感觉不错，可以免费试用，我不是 readdy 团队的人阿。我要推广，我得带个邀请码了，邀请了，双方都有 token 送

[superfatboy]

我还以为是啥呢，之前体验过，一般般！感觉被你吹上天了

[Kumo31]

不知道上面在阴阳怪气什么，就我自己的 side project 体验上，readdy.ai 确实比 v0 和 lovable 好一截

[piaochen0]

最近不能免费导出代码了...导出要收费了

[h1104350235]

中文 AI ,我直接屏蔽

[QGabriel]

readdy.ai 确实牛逼, 用过都说好

[elron]

拉黑了

[zsuxiong]

@piaochen0 是的。但 f12 可以 copy 下。