常见需求提示词库

💡 使用建议

✅ 目标清晰：告诉 AI “我要什么” ✅ 范围限定：说明“不动哪里” ✅ 语气自然：像对同事说话一样 ✅ 分步执行：先规划 → 再实现 → 再美化

💡 说明： 这些提示词适用于所有主流 AI 构建器（如 Lovable、Claude code、Cursor 等）。 语气友好、结构清晰，让 AI 明白“你要什么、做到什么程度、不该改哪里”。

🎯 一、开始一个新项目（项目启动）

适用场景： 当你想从零开始一个应用或系统，比如任务管理、商城、博客、聊天助手等。

使用方法： 明确说明要做的项目类型、主要功能、使用的技术或平台，然后告诉 AI 从哪个页面或功能开始构建。

示例提示词：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
我想创建一个【任务管理应用】，要求如下：

- 技术栈：Next.js 前端 + Tailwind CSS 样式 + Supabase 作为后端和登录。
- 核心功能：
  - 创建和管理项目与任务；
  - 任务分配与截止日期；
  - 仪表板展示项目进度。

请先从「主仪表板」页面开始设计，包含：
- 顶部导航栏；
- 项目列表（带状态）；
- “新建项目”按钮。

暂时使用假数据，界面要简洁、干净、支持响应式布局。

🎨 二、界面与交互设计（UI/UX 改进）

适用场景： 当功能已实现，只想让界面更美观、更专业、更统一时。

使用方法： 告诉 AI 这是纯视觉优化，不改变功能逻辑。说明想要的设计风格和重点改进区域。

示例提示词：

1
2
3
4
5
6
7
8
9
10
请帮我改进这个应用的界面设计，但不要更改任何功能逻辑。

要求：
- 保留所有数据逻辑；
- 将页面改为现代卡片风格；
- 优化颜色对比度，增加留白；
- 调整间距、字体大小，使布局更清晰；
- 保持响应式特性。

目标：让应用更现代、简洁、美观，但功能完全不变。

📱 三、让界面适配手机（响应式设计）

适用场景： 页面在电脑上正常显示，但在手机或平板上布局混乱。

使用方法： 告诉 AI 你要移动优先的设计，保证手机体验流畅，同时兼容桌面端。

示例提示词：

1
2
3
4
5
6
7
8
9
10
请让整个应用在手机、平板和电脑上都能正常显示。

要求：
- 使用「移动优先」设计思路；
- 小屏幕上元素自动堆叠；
- 文本保持可读性；
- 不要固定宽度；
- 不改变现有功能逻辑。

请测试在 iPhone 12 和常规桌面分辨率下效果是否正常。

🧹 四、代码清理与结构优化（重构）

适用场景： 代码功能正常但杂乱、难维护或存在重复逻辑。

使用方法： 让 AI 优化结构、命名和可读性，保持功能完全一致。

示例提示词：

1
2
3
4
5
6
7
8
9
10
请帮我重构这个组件的代码，保持功能完全不变。

目标：
- 优化结构与命名；
- 拆分过长的函数；
- 删除未使用的变量；
- 添加关键注释；
- 遵守最佳实践（React + TypeScript）。

不要添加新功能，也不要修改原有逻辑。

🧩 五、常见项目模板（直接生成原型）

适用场景： 想快速创建一个常见类型应用的基础版本。

示例提示词：

🛒 电商网站

1
2
创建一个电商网站，包括商品列表、搜索、筛选、购物车、下单结账、订单历史和用户账户功能。
页面简洁、易用，适合转化率优化。

📝 内容管理系统（CMS）

1
2
制作一个内容管理系统，可创建、编辑和发布文章。
支持图片上传、富文本编辑、SEO 设置和文章分类。

📊 数据仪表板

1
2
制作一个数据分析仪表板，有折线图、柱状图、饼图等。
包含时间筛选、数据导出、加载中骨架屏。

💬 AI 聊天助手

1
2
制作一个 AI 聊天界面，包含输入框、消息气泡、加载动画和对话历史记录。
支持用户对回答点赞或反馈。

📅 任务看板

1
2
制作一个任务看板，有项目、任务卡片、拖拽排序、标签和进度状态。
支持任务分配与截止日期。

⚙️ 六、限制修改范围（保护特定文件）

适用场景： 项目中某些模块已经稳定，不想被 AI 改动。

使用方法： 说明“哪些不能动”，并指出要修改的部分。

示例提示词：

1
2
3
4
5
6
请只修改「仪表板」页面。

- 禁止修改 LoginPage.tsx 和 AuthProvider.tsx；
- 任务：在仪表板新增一个“本周任务”区块；
- 从数据库中读取任务数据；
- 其他文件保持不变。

🧭 七、提前规划功能实现（写之前先想）

适用场景： 功能较复杂，想先让 AI 写出实现思路再动手。

使用方法： 请 AI 输出详细步骤（不要写代码），你确认后再执行。

示例提示词：

1
2
3
4
5
6
7
请在编写代码前，先规划“任务超时提醒”功能的完整实现步骤。

要求：
- 前端和后端都要考虑；
- 每一步说明要实现的逻辑；
- 暂时不要写代码；
- 以编号列表形式中文输出。

💳 八、支付功能集成（以 Stripe 为例）

适用场景： 在网站中增加支付、订阅或捐赠功能。

使用方法： 给出商品或价格 ID，说明支付流程和跳转页面。

示例提示词：

1
2
3
4
5
6
7
8
9
10
请帮我在网站中添加 Stripe 支付功能。

- 使用测试模式；
- 商品 ID：prod_12345，价格 ID：price_67890；
- 结账成功后跳转到 /payment-success；
- 取消跳转到 /payment-cancel；
- 假设密钥已安全配置，请勿写入代码；
- 不修改其他功能页面。

完成后请告诉我需要在 Stripe 后台设置的 Webhook 地址。

🧮 九、数据库与后端设计

适用场景： 要构建一个系统的数据库结构或数据接口。

示例提示词：

1
2
3
4
5
6
7
8
请帮我设计一个任务管理系统的数据库结构。

要求：
- 表：用户、项目、任务；
- 每个任务属于一个项目；
- 包含任务标题、描述、截止日期、负责人；
- 考虑性能与可扩展性；
- 提供字段类型建议和外键关系。

🔄 十、开发流程与协作测试

适用场景： 团队开发、版本管理、自动化测试或部署。

示例提示词：

1
2
3
4
5
6
7
请帮我规划一个 GitHub 协作流程：

- 建立分支命名规范；
- 设置 PR 模板；
- 启用代码审核；
- 配置自动测试和预览部署；
- 包含 staging 与 production 两个环境。

💬 十一、聊天模式 vs 默认模式

区别说明：

  • 默认模式： 直接让 AI 修改或生成内容；
  • 聊天模式： 只讨论方案，不改动文件（安全讨论模式）。

示例提示词：

1
2
3
4
我遇到了一个报错：
“TypeError: Cannot read property 'map' of undefined”

请帮我分析可能的原因和修复思路，但暂时不要修改任何代码。

📘 十二、写项目说明文档（PRD / 知识库）

适用场景： 你想让 AI 永远“了解”项目目标与范围。

使用方法： 写一份简要说明，包括目标、流程、功能、设计、技术等。

示例提示词：

1
2
3
4
5
6
7
8
9
10
请帮我编写项目说明文档（PRD），包括以下部分：

1. 项目目标与用户价值；
2. 用户使用流程（注册→仪表板→创建任务）；
3. 核心功能；
4. 技术栈（前端、后端、数据库）；
5. UI 设计风格（颜色、字体、布局）；
6. 不在范围内的功能说明。

请输出为结构化文档，后续开发以此为准。