v0.dev 迭代优化

更新时间：2026-01-11 数据来源：

• https://v0.dev↗

v0 的强项是“快速迭代”。关键在于：保留好的结构，只动一个维度。

#1) 迭代的节奏

1. 先结构：把组件结构确认清楚
2. 再样式：字体/颜色/布局逐步优化
3. 最后交互：hover / focus / error 状态

#2) 常见迭代指令

• “保持结构不变，只换为品牌主色 + 白底风格”
• “保留布局，增加移动端断点”
• “把列表改为卡片式”

#3) 分层优化建议

• 布局层：栅格、对齐、留白
• 视觉层：颜色、字体、阴影、圆角
• 动效层：hover 状态、过渡动画

#4) 输出控制

• 指定输出为 React 组件
• 指定使用 Tailwind 或 CSS Modules
• 指定“仅返回代码，不要解释”

#实例 Prompt（短版）

text复制
保持当前结构，改成简洁黑白风格，按钮更醒目。

---

本页面由匠人学院 Wiki 系统维护。