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

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