提示词编写技巧

在「继续修改」阶段，你的反馈会直接传给 AI 作为修改指令。由于每轮修改需要较长时间，建议一次性提交所有需要修改的内容，并按照本文的模板组织，让 AI 能够准确理解你的意图。

核心原则

三个关键点

1. 一次说完 —— 把所有要改的点都列出来，不要分多次提交
2. 结构清晰 —— 用编号列表组织多个修改点
3. 具体量化 —— 颜色用色值、尺寸用像素、位置说明白

反馈模板

模板一：标准格式（推荐）

适用于大多数场景，按修改点逐条列出：

请修改以下问题：

1. **[页面/功能名称]**: [具体描述]
   - 现状：[当前表现]
   - 期望：[修改后的效果]

2. **[页面/功能名称]**: [具体描述]
   - 现状：[当前表现]
   - 期望：[修改后的效果]

3. ...

示例：

请修改以下问题：

1. **登录页**: 登录按钮太小
   - 现状：按钮高度约 32px，在手机上不好点击
   - 期望：高度改为 44px，宽度 100%

2. **用户列表**: 缺少搜索功能
   - 现状：只能翻页查找用户
   - 期望：顶部添加搜索框，支持按用户名模糊搜索

3. **表单提交**: 成功后没有反馈
   - 现状：点击提交后页面没有任何变化
   - 期望：提交成功后显示"保存成功"提示，2秒后跳转到列表页

模板二：Bug 修复格式

适用于报告程序错误：

发现以下 Bug：

1. **[问题简述]**
   - 复现步骤：[如何触发这个问题]
   - 报错信息：[控制台/网络请求的错误，如有]
   - 期望行为：[正确的表现应该是什么]

2. ...

示例：

发现以下 Bug：

1. **点击删除按钮无反应**
   - 复现步骤：在用户列表点击任意用户的"删除"按钮
   - 报错信息：控制台显示 `TypeError: Cannot read property 'id' of undefined`
   - 期望行为：弹出确认框，确认后删除该用户并刷新列表

2. **文章详情页白屏**
   - 复现步骤：从文章列表点击任意文章标题
   - 报错信息：网络请求 `/api/articles/123` 返回 404
   - 期望行为：正常显示文章内容

模板三：样式调整格式

适用于纯视觉/UI 调整：

请调整以下样式：

| 位置 | 属性 | 当前值 | 改为 |
|------|------|--------|------|
| [元素位置] | [CSS属性] | [现状] | [目标值] |

示例：

请调整以下样式：

| 位置 | 属性 | 当前值 | 改为 |
|------|------|--------|------|
| 顶部导航栏 | 背景色 | 白色 | `#1a1a2e` |
| 顶部导航栏 | 文字颜色 | 黑色 | 白色 |
| 主按钮 | 圆角 | 4px | 8px |
| 主按钮 | 悬浮效果 | 无 | 添加阴影 |
| 卡片组件 | 间距 | 16px | 24px |

写好提示词的技巧

✅ 这样写更好

场景	模糊写法 ❌	清晰写法 ✅
功能	"加个搜索"	"在用户列表页顶部添加搜索框，支持按用户名和邮箱搜索"
样式	"颜色不好看"	"主色调改为深蓝色 #003366"
交互	"体验不好"	"表单提交成功后显示成功提示，2秒后自动跳转"
Bug	"有问题"	"点击按钮后控制台报错 xxx"

📋 检查清单

提交前检查你的反馈是否满足：

• [ ] 所有要修改的点都列出来了吗？
• [ ] 每个点都说清楚了「现状」和「期望」吗？
• [ ] 颜色、尺寸等有没有给具体数值？
• [ ] 如果有报错，有没有贴出错误信息？

常见问题

AI 没理解我的意图

尝试换一种说法，提供更多上下文。比如说明这个功能在哪个页面、点击什么按钮触发。

修改后反而更糟了

使用「检查点」功能回滚到之前的版本，然后重新描述你的需求。不要在错误的基础上继续修改。

修改不完整

检查你的反馈是否足够具体。比如「添加搜索功能」可能只加了搜索框，没有实现搜索逻辑。改成「添加搜索框，输入关键词后实时过滤列表」会更明确。