v0.dev Prompt 技巧

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

• https://v0.dev↗

高质量 Prompt = 结构 + 约束 + 视觉风格。不要只写“做个页面”，而要给清楚组件层级与限制条件。

#1) Prompt 结构模板

text复制
目标：做一个【组件类型】
内容：包含【模块 A / B / C】
状态：hover / disabled / error
风格：颜色、字体、布局规则

#2) 常见有效描述

• 对齐方式：左对齐/居中/两栏栅格
• 视觉语言：极简/拟物/品牌色
• 交互：hover 高亮、输入错误提示

#3) 示例 Prompt

text复制
做一个结算页面：
- 左侧：购物车清单（商品名、数量、价格）
- 右侧：支付表单（姓名、卡号、地址）
- 风格：干净、留白多、按钮黑色

text复制
生成一个 KPI 仪表盘卡片：
- 标题、主数值、环比变化
- 左侧图表占位
- 使用绿色/红色表示变化

#4) 迭代技巧

• 一次只改一个维度（颜色 / 排版 / 结构）
• 明确提出“保留现有结构，只改样式”
• 让 v0 给出 2-3 个视觉版本再挑选

#实例 Prompt（短版）

text复制
生成一个移动端的会员权益列表，卡片风格，按钮高亮。

---

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