最近在做一个数据展示的项目，前端需求改来改去，我都快疯了。昨天刷 dev.to 看到一篇文章，有人说他们没招前端，直接用 AI 工具生成了整个网站 UI 。
我本来以为又是标题党，结果点进去看了下他们做的 13radar.com （一个美股数据网站），还真像那么回事。页面布局、响应式、甚至一些交互细节都有。
他们用的工具叫 readdy.ai ，基本原理就是你写一个超详细的 prompt （他们写了 3800 字），描述你要的界面，然后它直接吐出前端代码。不是那种简单的 HTML 模板，而是包含状态管理、事件处理这些的完整代码。
我昨天晚上试了一下，用它生成了个简单的 dashboard ，效果出乎意料的好：
代码结构清晰，组件化做得不错
样式统一，响应式也处理得很自然
交互逻辑基本都能跑通，甚至考虑了一些边界情况
感觉比我平时用 Claude 生成的代码质量还要高一些，可能是因为它专注做 UI 这块
最让我惊讶的是，它生成的代码风格还挺统一的，不像其他 AI 工具那样每次生成都不一样。我甚至拿着生成的代码给同事看，他们都没看出来是 AI 写的。
当然，你还是得写很详细的 prompt 。但对我们这种后端为主的团队来说，写 prompt 比学前端框架简单多了。
有人用过类似的工具吗？比如 v0.dev 、bolt.new 这些？在实际项目中的体验如何？我现在有点纠结要不要在正式项目里用这个。
21
Select Language