348 - 《v0.dev 和前端危机？》

v0.dev 有感，等了几天，还在 waitlist 中。。

前端是否会被替代？我有个感觉是，任何可以标准化的事情都会被 AI 替代。比如答疑如果有标准的 SOP，把 SOP 交给 AI，他可能就可以解 80% 的问题。

前端可以标准化吗？之前我觉得不行，在 277 - 《ChatGPT x 前端 x Umi》 里脑暴过一次 AI x 前端可以做什么，觉得对于低代码或无代码来说，应用场景应该是比较大的。因为这些场景可以标准化、指令化，比如不同布局对应的就是不同的数据结构，那 AI 就可以生成。

v0.dev

现在看了 v0.dev 之后，感觉思路又打开了，Pro Code 的前端也有危机了。前端分 UI 和逻辑。先不说逻辑，至少 UI 是借助 tailwindcss 和组件库是可以实现标准化的。tailwindcss 可以组合实现丰富的布局和细节样式，这部分都不需要训练，GPT 现有模型就有这些数据。组件库应该是需要 fine tuning 的，比如 v0 用的 shadcn ui，中台场景可以基于 antd。除此之外，icon、响应式、主题、可访问性、动画等部分也应该还需要做进一步 fine tuning 才能让整体产出的质量更高。

另外，之前我的一个误区是，觉得 AI 生成的代码是一次性的，可维护性不高。但现在看来，你把原来的代码和新的指令给 AI，就可以做迭代了。AI 自己可以做迭代，那可塑性就很强了。我觉得甚至可以让 AI 自己发现自己的问题和思路，然后分别按不同的解去迭代，再分别给最终结果。

逻辑层有个思路是自己写测试用例或者让 AI 先生成测试用例，然后基于用例，让 AI 生成代码。再做一些逻辑层的限定。

简单的示例。

1、初始化 Umi + Tailwindcss 的 App

pnpm i umi -D  
npx umi g page index  
npx umi g tailwindcss  
npx umi dev

2、prompt：把这段代码帮我写一个