AI建站仿站等提示词模板（可直接复制替换括号内容）

【项目定位】

请作为资深全栈架构师+产品负责人，为我规划并分步生成一个对标 [目标网站URL或名称] 的Web应用。

要求：功能100%覆盖目标站点核心链路，同时在性能、可维护性、安全性、用户体验、扩展性上实现系统性超越。

【参考站点信息】

- 目标URL：[填写]

- 核心功能清单：[如：用户注册/登录、内容发布、搜索筛选、支付/订阅、后台管理、数据看板等]

- 关键交互/视觉特征：[如：暗色模式、拖拽编辑器、实时协作、特定动效等]

- 已知技术栈推测：[如：React/Next.js + Node.js + PostgreSQL / 或未知]

【技术栈要求】

- 前端：[如：Next.js 14 + TypeScript + TailwindCSS + shadcn/ui + Zustand]

- 后端：[如：NestJS / Express / FastAPI + Prisma / Drizzle + PostgreSQL]

- 部署：[如：Vercel + Railway / Docker + AWS / 自托管方案]

- 代码规范：ESLint + Prettier + 注释率≥30% + 所有环境变量可配置

【对标与超越指标】

✅ 功能覆盖：逐条映射目标站点功能，缺失项需说明替代方案

⚡ 性能：Lighthouse ≥90，首屏FCP <1.2s，API响应P95 <200ms

🛡️ 安全：防XSS/CSRF、速率限制、JWT轮换、敏感数据脱敏、OWASP Top10防护

🌍 体验：全端响应式、键盘导航支持、暗色模式、无障碍(WCAG 2.2 AA)、多语言i18n预留

📈 可扩展：模块化架构、微前端/插件化预留、API版本控制、日志监控集成

🔍 SEO/可发现性：SSR/SSG策略、结构化数据、Sitemap/robots自动生成

【输出要求】

1. 分阶段输出，每阶段结束后等待我确认再继续：

   Phase 1：系统架构设计 + 数据库ER图 + 技术选型理由

   Phase 2：前端路由结构 + 核心组件树 + UI设计系统规范

   Phase 3：后端API清单 + 鉴权流程 + 数据流说明

   Phase 4：按模块输出完整可运行代码（含package.json、.env.example、README）

   Phase 5：超越点实现方案 + 性能优化清单 + 部署脚本

2. 所有代码必须：

   - 标注文件路径

   - 包含错误处理与边界条件

   - 提供本地运行命令

   - 不依赖未授权闭源组件

3. 若信息不足，请先列出3个关键确认问题，再开始输出。

请回复：“已接收需求，进入Phase 1。请确认或补充以下信息：…”

🔍 为什么这样写更有效？

🛠️ 推荐的AI协同工作流（替代“一次性生成”）

1. Phase 1：用AI生成架构与DB设计 → 你审核调整 → 确认

2. Phase 2：AI生成前端骨架与组件库 → 你替换品牌资产/文案 → 确认

3. Phase 3：AI生成后端API与鉴权 → 你联调测试 → 确认

4. Phase 4：AI按模块输出代码 → 你用Cursor/Copilot逐文件生成+本地跑通

5. Phase 5：AI输出超越方案（缓存策略、CDN、监控、自动化测试） → 你逐步接入

💡 工具建议：v0.dev / Lovable（快速出UI） + Cursor / Windsurf（代码生成） + Supabase / Neon（免运维DB） + Vercel / Railway（一键部署）

✅ 如何真正实现“全方面超越”？

⚠️ 关键提醒

1. 不要直接爬取/复制目标站的HTML/CSS/JS或文案，改用“功能反推+自主实现”。

2. 若目标站使用闭源SaaS或付费组件，需用开源替代（如 Stripe → Stripe/Checkout.js，Auth0 → NextAuth/Clerk）。

3. AI生成的代码必须经过人工Review+自动化测试再部署，避免安全漏洞或逻辑缺陷。

4. 建议在GitHub新建私有仓库，用 git commit -m "phase-X: ..." 管理迭代，便于回滚。