提示词模板速查

请帮我写一份产品需求文档（PRD）。 我的背景：我是一个完全不会编程的小白，想用 AI 帮我建站。 项目信息： - 网站名称：[填写你的网站名称] - 网站类型：[个人博客 / 摄影作品集 / 电商小店 / 企业官网 / 在线教育 / 其他] - 核心用途：[用一句话说明网站要做什么] - 目标用户：[谁会来看或使用这个网站？描述他们的年龄、需求] 我希望包含的功能： 1. [功能 A：例如"首页大图全屏展示"] 2. [功能 B：例如"作品集页面带分类筛选"] 3. [功能 C：例如"联系表单，访客可以留言"] 4. [功能 D] 5. [功能 E] 设计风格偏好：[简洁 / 科技感 / 温馨 / 复古 / 创意 / 极简] 参考颜色：[如果有喜欢的颜色请填写，没有就留空] 参考网站：[如果有参考网站链接请填写，没有就留空] 请按标准的 PRD 结构输出：摘要 → 背景与目标 → 目标用户 → 功能需求（按优先级） → 非功能需求（性能/安全/SEO） → 页面结构 → 发布计划。 每个功能需求请写清楚"做什么"和"为什么做"，方便后续开发阶段使用。

我是一个完全不会编程的小白，想用 AI 帮我建站。 请为我的网站推荐 3 种不同的设计风格方案。 我的网站信息： - 网站类型：[摄影作品集 / 个人博客 / 企业官网 / 电商] - 网站定位：[专业严肃 / 温暖亲切 / 创意个性 / 极简高效] - 目标用户：[谁会来看] 每种方案请给出： 1. 主色（十六进制色码）、辅色、文字颜色 2. 适合的字体搭配（中英文各推荐一款） 3. 一句话风格描述（如"温暖木质感，适合手工艺人"） 4. 适合的参考风格关键词（如"日式简约、暖色调、柔和"） 输出格式： --- 方案一：[名称] - 色彩：[色码] - 字体：[字体名] - 风格：[一句话] - 关键词：[标签] 方案二： ... 方案三： --- 最后请给我一个推荐方案，并说明为什么这个方案最适合我的网站类型。

我是一个完全不会编程的小白，想用 AI 帮我建站。 请帮我做前端技术选型和页面结构设计。 项目背景： - 网站类型：[个人博客 / 企业官网 / 电商 / 作品集 / 在线工具] - 页面数量：[单页 / 3-5 页 / 10 页以上] - 是否需要登录功能：[是 / 否] - 是否需要后台管理：[是 / 否] - 目标用户量：[个人使用 / 百人级 / 千人级以上] 请从以下几个维度给我建议： 1. 技术栈推荐 - 方案一：纯 HTML + CSS + JS（适合简单静态网站） - 方案二：Astro（适合内容型网站，性能好） - 方案三：Next.js / React（适合大型交互式网站） - 每种方案给出优缺点、学习成本、适用场景 - 推荐我最适合的方案并说明理由 2. 页面结构规划 - 根据我的网站类型，建议包含哪些页面 - 每个页面的核心内容和功能 - 页面之间的导航关系 3. CSS 方案建议 - 纯 CSS / Tailwind CSS / CSS Modules - 每种对我的情况是否合适 4. 文件组织结构 - 建议的项目文件夹结构 - 每个文件和文件夹的用途 请根据我的背景（零基础小白）给出推荐，优先选择上手简单、AI 生成效果好的方案。

我是一个完全不会编程的小白，想用 AI 帮我建站。 请帮我选择数据库方案并设计数据表结构。 项目信息： - 网站类型：[电商 / 博客 / 社交平台 / 在线教育 / 企业管理系统] - 需要存储的数据类型： - [ ] 用户账号信息（用户名、密码、邮箱） - [ ] 文章/内容（标题、正文、发布时间） - [ ] 商品/产品信息（名称、价格、库存、分类） - [ ] 用户评论/留言 - [ ] 订单记录 - [ ] 图片/文件上传 - [ ] 其他：[请描述] - 预计数据量：[少量（千级以内） / 中等（万级） / 大量（十万级以上）] - 是否需要即时同步：[是 / 否] 请从以下几个维度给我建议： 1. 数据库选型推荐 - SQLite（最简单，零配置，适合小项目） - Supabase（免费 PostgreSQL，自带 API，无需自己搭后端） - Firebase Firestore（NoSQL，前端直接调用） - MySQL / PostgreSQL（传统关系型，适合大型项目） - 每种方案的优缺点和适用场景，推荐方案及理由 2. 数据表结构设计（以推荐方案为例） - 需要创建哪些表 - 每张表的字段名、类型、约束 - 表之间的关联关系 - 索引建议 3. 安全建议 - 密码存储方式（一定要用哈希加密） - 防止 SQL 注入 - 数据访问权限控制 请给出完整的建表 SQL 或 Schema，每张表写清楚字段说明。

我是一个完全不会编程的小白，想用 AI 帮我建站。 请帮我选择后端技术方案并设计 API 接口。 项目信息： - 网站类型：[你的网站类型] - 需要哪些后端功能： - [ ] 用户注册和登录（邮箱+密码 / 第三方登录） - [ ] 数据增删改查（CRUD） - [ ] 文件/图片上传 - [ ] 搜索功能 - [ ] 支付集成（支付宝/微信） - [ ] 发送邮件（验证码、通知） - [ ] 管理后台 - [ ] 第三方 API 集成 - 是否需要自己搭建服务器：[是 / 能用无服务器方案] - 预计用户量：[个人 / 小团队 / 公开运营] - 前端用什么技术：[纯 HTML / Astro / Next.js / React] 请从以下几个维度给我建议： 1. 后端方案推荐 - Supabase（数据库 + API + 认证一体，无需写后端，推荐） - Next.js API Routes（前后端一体，适合小型项目） - Node.js + Express（灵活但需要更多代码） - Python + FastAPI（适合数据处理和 AI 功能） - 每种方案的优缺点和适用场景，推荐方案及理由 2. API 接口设计（以推荐方案为例） - 需要哪些 API 接口（列出所有） - 每个接口：请求方法、路径、请求参数、返回格式 - 哪些接口需要登录访问 - 示例代码：一个完整接口实现 3. 认证方案 - JWT vs Session - 注册/登录/登出接口设计 - Token 存储和刷新方式 4. 部署方案 - 后端部署位置 - 前后端联调方式 - 环境变量配置 请优先推荐零基础能搞定的方案，选择开箱即用的服务（如 Supabase）。

我是一个完全不会编程的小白，想用 AI 帮我建站。 请帮我创建一个多页面网站。 基本信息： - 网站类型：[你的网站类型] - 整体风格：[你选定的风格描述] - 主色：[主色色码]　辅色：[辅色色码] 需要包含的页面： 1. index.html（首页）—— [描述首页要展示的内容] 2. about.html（关于我们）—— [描述关于页面的内容] 3. works.html（作品/服务）—— [描述作品或服务列表] 4. contact.html（联系方式）—— [联系表单或联系信息] 技术要求： 1. 所有页面使用同一个 CSS 文件（styles.css） 2. 导航栏在所有页面保持一致，当前页面高亮 3. 导航栏包含：首页、关于、作品、联系方式 4. 使用响应式设计，在手机和电脑上都显示良好 5. 使用 flexbox 或 grid 布局，不要用表格布局 6. 字体用系统字体或 Google Fonts（Noto Sans SC） 7. 图片占位用 https://placehold.co/ 的占位图 请直接输出所有文件的完整代码，每个文件用文件名注释分隔。

我是一个完全不会编程的小白。 下面是我现有页面的代码，我想在上面做一些修改。 [请在这里粘贴你的完整 HTML 代码] 如果代码很长，可以说"代码和之前一样，只输出修改后的部分" 我想做的修改： 1. [修改 A：例如"把导航栏的背景色改成深色"] 2. [修改 B：例如"首页大图下面加一个'关于我们'的简短介绍区"] 3. [修改 C：例如"联系方式页面加一个地图"] 4. [修改 D：例如"在页面底部加一个回到顶部按钮"] 修改要求： - 请保持原有的整体风格和配色 - 每一处修改请用注释标注 <!-- 修改：说明 --> - 如果涉及新增样式，请在 CSS 中同样加注释 - 只修改与我需求相关的部分，不要做额外改动 - 请输出修改后的完整文件代码

我是一个完全不会编程的小白。 我想给我的网站加一个联系表单，让访客可以给我留言。 我已注册 Formspree 免费账号，我的 Formspree 表单 ID 是：[你的 Formspree ID] （如果还没有，请先访问 https://formspree.io 注册获取） 请帮我在 contact.html 中实现： 1. 一个完整的联系表单，包含：姓名输入框、邮箱输入框、留言内容文本框 2. 表单提交后数据发送到 Formspree 3. 提交成功后显示"感谢您的留言！我会尽快回复。"的提示 4. 如果提交失败显示"发送失败，请稍后重试"的提示 5. 表单样式与网站整体风格一致 6. 输入框有合适的 placeholder 文字 7. 必填字段有标记（*） 8. 前端验证：姓名不能为空、邮箱格式正确、留言不能为空 要求： - 不需要后端代码，纯前端 + Formspree 即可 - 用 JavaScript 实现异步提交（防止页面刷新） - 提交按钮在发送时显示"发送中..."，防止重复提交 请直接输出完整的 contact.html 代码。

我是一个完全不会编程的小白。 请帮我审查下面这段 HTML/CSS/JS 代码，我是一个新手，请用通俗的语言解释问题。 [请粘贴你要审查的完整代码] 请检查以下几个方面： 1. 有没有语法错误或拼写错误 2. 有没有链接或图片路径打不开（404） 3. 有没有移动端适配问题（在手机上显示是否正常） 4. 有没有安全风险（例如直接在代码中暴露了 API Key 或密码） 5. 页面加载性能有没有可以优化的地方（图片、CSS、JS） 6. HTML 结构是否语义化（对 SEO 是否友好） 7. 有没有浏览器兼容性问题 发现问题后，对于每个问题请给出： - 问题描述（用大白话解释） - 影响（不修会怎样） - 修复后的代码片段 最后请给一个总体评分（A/B/C/D）和一句话建议。

我是一个完全不会编程的小白。 我的网站出问题了，请帮我诊断和修复。 我的网站信息： - 我在用什么工具建站：[AI 生成的纯 HTML 网站 / Astro / Next.js / 其他] - 部署平台：[Vercel / Netlify / 没有部署，在本地打开 / 其他] - 网站网址：[你的网站 URL，没有部署就写"本地"] 问题描述： [请详细描述你遇到的问题，例如：] - "首页的图片加载不出来，显示小图标" - "导航菜单在手机上点不开" - "表单提交后页面刷新了，但没有成功" - "部署后页面显示 404" - "样式跟电脑上看到的不一样" 出现问题的页面和操作步骤： 1. [第一步做了什么] 2. [然后发生了什么] 3. [看到什么错误或异常] 请告诉我： 1. 最可能的原因是什么（用类比解释，让我能理解） 2. 怎么修复（给一步一步的操作步骤） 3. 如果修复不成功，接下来应该检查什么 4. 以后怎么避免这种问题 如果有错误信息或截图，请一并告诉我怎么获取。

我是一个完全不会编程的小白，想把我做好的网站发布到互联网上。 我已经做了的准备工作： - [ ] 已注册 GitHub 账号（github.com） - [ ] 已注册 Vercel 账号（vercel.com，用 GitHub 登录） - [ ] 网站文件在本地电脑上（HTML + CSS + JS） - [ ] 已安装 Git 我的网站文件位置：[填写你的网站文件夹路径] 请一步一步教我如何把网站部署上线，假设我完全不懂命令行。 步骤请包括： 1. 如何初始化 Git 仓库 2. 如何把代码推送到 GitHub 3. 如何在 Vercel 中关联 GitHub 仓库 4. 如何自动部署 5. 部署完成后如何访问我的网站（xxx.vercel.app） 6. 以后修改了代码怎么更新网站 每个步骤请给出： - 终端里要输入的完整命令（用代码块） - 命令是做什么的（用大白话解释） - 执行成功后应该看到什么输出 不要跳过任何细节，把我当成完全不懂计算机的小白。

我是一个完全不会编程的小白。 请帮我优化我的网站，让它在搜索引擎（百度、Google）中更容易被搜到。 我的网站信息： - 网站 URL：[你的网站地址] - 网站类型：[个人博客 / 摄影作品集 / 电商 / 企业官网] - 核心关键词：[你的目标搜索词，如"北京摄影服务""手作皮具"] - 主要目标地区：[全国 / 特定城市 / 海外] - 目前有没有被搜索引擎收录：[在百度/Google 搜"site:你的域名"看有没有结果] 请帮我： 1. 优化首页的标题（title）和描述（meta description），写 3 个方案供选择 2. 优化每个页面的标题和描述 3. 教我怎么生成 sitemap.xml 文件（网站地图） 4. 教我怎么提交给百度搜索和 Google Search Console 5. 建议做哪些内容更新来提升搜索排名 每项优化请给出具体的代码示例，不要只说概念。我是一个小白，请给我可以直接复制粘贴的代码。

我是一个完全不会编程的小白，想用 AI 帮我提升网站的文案质量。 我的网站信息： - 网站类型：[个人博客 / 摄影作品集 / 电商 / 企业官网 / 作品展示] - 网站名称：[网站名称] - 品牌调性：[专业可靠 / 温暖亲切 / 创意个性 / 极简高级] - 目标用户：[描述谁会来看这个网站] - 核心卖点：[用一句话说清楚你的网站/产品有什么独特价值] 请帮我写以下文案： 1. 首页主标题和副标题（提供 3 个方案供我选择） - 方案要包含不同的角度（如行动导向、情感共鸣、价值主张） 2. 关于页面文案（200 字以内） - 介绍我是谁、我做什么、我的理念 - 语气亲切但不随意，专业但不生硬 3. 服务/产品介绍（每个功能一句话，不超过 5 条） - 每条包含：功能名称 + 一句话说明 4. 页脚版权信息和简洁的品牌口号 5. 联系方式页面的简短引导语（50 字以内） 风格要求： - 亲切、可信、不浮夸 - 使用"你"而不是"您"（拉近距离） - 避免套话和空洞的形容词 - 多写具体的内容，少写"优质""专业"这种通用词 请直接输出文案内容，标注对应页面和位置。