v0.dev 迭代优化
v0 真正好用的地方,不是第一次生成,而是后面几轮怎么改。很多人第一版看着还行,第二轮开始就越改越乱,原因通常不是模型不行,而是每次都改太多。
这点很像前端自己手改组件。你要是第一轮还没把骨架搭稳,后面每次润色都只是在不稳的基础上继续叠东西。
一个最稳的迭代顺序
- 先把结构定住
- 再改视觉风格
- 最后补状态和动效
顺序别反。结构没稳的时候就开始调颜色和动画,最后通常很难收。到第三轮时,你往往已经分不清问题到底出在布局,还是出在视觉指令。
迭代时最有用的一句话
保留当前结构,只修改一个维度。
这句话看起来普通,但特别有用。因为它会帮你把改动范围压小,避免 v0 一次重做半个组件。
常见可直接复用的迭代指令
- 保留布局,只改配色为品牌主色
- 保留结构,补移动端断点
- 保留信息层级,把列表改成卡片式
- 保留组件功能,减少视觉装饰
哪些改动适合后面再做
- hover 动效
- loading 状态
- empty state
- error state
这些都重要,但不该在第一轮就和结构问题混在一起。
一个容易忽略的判断
如果你发现第三轮以后每次改动都越来越大,通常说明第一轮结构就没立住。这个时候与其继续补丁式迭代,不如退回去重写一版更干净的 Prompt。
这听起来像在后退,其实常常更省时间。因为继续在错误骨架上修,只会让后面更难收口。