为什么提示词很重要？
提示词就是你对 Claude Code 说的话。好的提示词能让 Claude Code 给出完美的答案；不好的提示词可能会让它理解错你的意思。
简单来说：你的提示词质量 = Claude Code 的回答质量
基础提示词原则
1. 具体明确
❌ 不好的例子：
帮我写点代码
✅ 好的例子：
帮我创建一个 React 组件，功能是显示待办事项列表
要求：
- 使用 TypeScript
- 支持添加、删除、标记完成
- 用 Tailwind CSS 美化
2. 提供上下文
❌ 不好的例子：
这个代码有问题
✅ 好的例子：
这个代码运行时报错说 "Cannot read property of undefined"
相关文件在 src/components/UserList.tsx
3. 分步骤说明
对于复杂任务，分步骤描述：
请帮我完成以下任务：
1. 先分析项目结构
2. 找出所有使用 fetch API 的地方
3. 统一替换成 axios
4. 添加错误处理
5. 创建相关的测试
编程提示词模板
模板一：新建功能
帮我创建一个[功能描述]
技术栈：
- [技术栈1]
- [技术栈2]
要求：
1. [需求1]
2. [需求2]
3. [需求3]
风格：[简洁/完整/文档化]
使用示例：
帮我创建一个用户登录表单
技术栈：
- React + TypeScript
- Tailwind CSS
- React Hook Form
要求：
1. 邮箱和密码验证
2. 加载状态显示
3. 错误信息提示
4. 记住密码功能
风格：完整，带详细注释
模板二：代码审查
帮我审查这段代码，检查：
1. 代码质量
2. 性能问题
3. 安全漏洞
4. 架构建议
代码文件：[文件路径]
模板三：Bug 修复
帮我解决这个 Bug：
问题描述：[详细描述]
错误信息：[完整的错误]
复现步骤：
1. [步骤1]
2. [步骤2]
相关文件：[文件列表]
模板四：重构优化
帮我重构这段代码，目标是：
- [目标1]
- [目标2]
- [目标3]
要求：
- 保持功能不变
- 添加必要的测试
- 更新相关文档
常用编程提示词
🎨 前端开发
帮我创建一个美观的[组件类型]组件，要求：
- 响应式设计
- 深色/浅色主题支持
- 动画过渡效果
- 无障碍访问支持
🗄️ 后端开发
帮我设计一个 REST API，功能是[功能描述]
要求：
- 使用 Express.js
- RESTful 设计规范
- 输入验证
- 错误处理
- JWT 认证
🧪 测试开发
帮我为这段代码编写测试：
要求：
- 单元测试覆盖核心功能
- 集成测试覆盖主要流程
- 使用 Jest + React Testing Library
- 测试覆盖率 ≥ 80%
📚 文档编写
帮我为这个项目/组件编写文档：
文档类型：[README / API文档 / 开发指南]
内容包含：
- 功能介绍
- 安装使用
- 示例代码
- 常见问题
高级提示词技巧
1. 让 Claude Code 先思考
在开始编码之前，先回答：
1. 你理解需求了吗？用自己的话总结一下
2. 有什么不清楚的地方需要我澄清吗？
3. 你建议用什么技术方案？为什么？
2. 指定输出格式
请按以下格式输出：
## 方案设计
[技术方案说明]
## 代码实现
```typescript
[代码]
使用说明
[使用指南]
### 3. 渐进式开发
我们分步骤来做：
第一步：先创建基础骨架 等你确认后，我们继续第二步。
### 4. 角色设定
作为一个经验丰富的全栈开发专家，请帮我：
- 注重代码质量和架构设计
- 提供多个方案并分析优缺点
- 考虑可扩展性和可维护性
- 给出最佳实践建议
## 场景化提示词示例
### 场景一：快速原型
我想快速做一个原型，不需要太完善，只要能演示功能： 功能：[功能描述] 技术栈：[技术栈] 要求：快速实现，能用就行
### 场景二：学习新工具
我想学习[技术/工具]，帮我：
- 创建一个简单的示例项目
- 写一个 Hello World 程序
- 解释核心概念
- 给出学习建议
### 场景三：代码调试
我遇到了一个问题，帮我：
- 先帮我定位问题所在
- 分析问题原因
- 提供解决方案
- 告诉我如何避免类似问题
### 场景四：性能优化
帮我优化这个页面的性能： 问题：[性能问题描述] 目标：[性能目标，如加载时间 < 2s] 要求：
- 先分析瓶颈
- 提供优化方案
- 对比优化前后
## 常见错误提示词
### ❌ 错误：太模糊
帮我做个网站
### ✅ 正确：具体明确
帮我创建一个个人博客网站，使用 Next.js 包含：首页、文章列表、文章详情、关于页面
### ❌ 错误：信息不足
这段代码不工作
### ✅ 正确：提供完整信息
这段代码在点击提交按钮时报错，错误信息是：TypeError: Cannot read properties of undefined 相关代码在 src/components/Form.tsx
### ❌ 错误：太复杂
帮我创建一个完整的电商平台，包含用户系统、商品管理、购物车、支付、订单、后台管理...
### ✅ 正确：分阶段
我们分阶段做电商平台：
第一阶段：先做商品列表和详情页 完成后我们再继续第二阶段
## 提示词技巧总结
### 好提示词的特点：
- 📝 **具体**：明确要做什么
- 🎯 **清晰**：目标和要求明确
- 🔗 **完整**：提供必要的上下文
- 📋 **有条理**：分点说明，逻辑清晰
- 💡 **有示例**：给出输入输出的例子
### 提示词改进检查清单：
- [ ] 我说明了要做什么吗？
- [ ] 我提供了足够的上下文吗？
- [ ] 我明确了技术栈和要求吗？
- [ ] 我说明了期望的输出格式吗？
- [ ] 如果复杂，我分步骤说明了吗？
## 下一步
<Callout type="success" title="实践出真知！">
现在你已经掌握了提示词的核心技巧，接下来：
1. 在实际项目中练习使用这些技巧
2. 阅读 [Claude Code 核心功能](./core-features)
3. 查看更多实战案例
</Callout>
记住：好的提示词是练出来的！多尝试，多总结，你很快就能成为提示词高手！