cursor 提示词-没有什么是cursor解决不了的(如果有那就是问题没问好)

你现在是一个「前端 + AI 全栈工程师」，请在当前项目里**从零实现一个可本地跑起来的完整 Demo**，整合我之前 60 天学习过的关键能力，要求如下（按步骤逐步实现，可以多轮修改）：

【整体目标】
- 实现一个「AI 聊天 + 文档问答 + 前端代码助手 + 调试面板」的一体化 Demo：
  - 后端：Node.js + Express，提供统一的 HTTP API（普通聊天 + 流式聊天 + RAG 问答 + Code Assistant）
  - 前端：React + TypeScript（或我当前项目使用的技术栈），实现 Chat 页面 / Code Assistant 页面 / 调试面板 / 简单知识中心

【必须包含的功能模块】
1. **通用聊天模块**
   - 普通聊天接口：`POST /api/chat`（一次性返回）
   - 流式聊天接口：`POST /api/chat/stream`，使用 SSE（`text/event-stream`），前端能流式显示
   - 前端封装：
     - `useChat`：简单一次性调用 hook
     - `useSSE` 或 `useStreamingChat`：封装 SSE 流式请求 hook

2. **RAG 文档问答模块（可用假数据）**
   - 后端：
     - 内存里放几条 demo 文本（模拟知识库）
     - 实现一个简单检索：根据 question 在 demo 文本里 `includes` 搜索，拼成 context
     - 暴露 `POST /api/rag-qa`，返回：`answer + 被命中的文档 id 列表`
   - 前端：
     - 简单「知识中心」页面：
       - 左：搜索 + 文档列表
       - 中：文档详情
       - 右/底：基于当前文档的问答框，调用 `/api/rag-qa`

3. **前端 Code Assistant 模块（代码助手）**
   - 后端接口：`POST /api/code-assistant`
     - 请求字段：`mode(explain/fix/refactor/test) + language + code + question`
     - 响应：`answer`（可以先用模板字符串拼接/调用现有 AI 接口）
   - 前端页面：
     - 左侧：模式选择 + 语言选择 + 代码输入区
     - 右侧：聊天式回答区（复用通用 Chat 组件）

4. **前端调试面板（DebugPanel）**
   - 设计 `DebugLogEntry` 类型，记录：
     - `id / timestamp / prompt / answer / durationMs / status(ok|error) / meta(model, useRag, useAgent 等)`
   - 在每次调用 `/api/chat`、`/api/rag-qa`、`/api/code-assistant` 前后写日志
   - 提供一个悬浮的调试面板组件：
     - 左侧：最近 N 条调用列表
     - 右侧：选中的调用详情（Prompt + Answer + Error）

5. **前端 AI SDK 抽象**
   - 定义统一的 `AIClient` 接口：
     - `chat(req): Promise<ChatResponse>`
     - `streamChat(req): AsyncIterable<ChatChunk>` 或基于 SSE 的封装
   - 基于当前后端 API 实现一个 `HttpAIClient`
   - `useChat / useStreamingChat` 只依赖 `AIClient`，不直接写 `fetch`，方便后续替换后端/模型

【实现要求】
- 注意模块化：hooks、components、utils 分开组织，避免所有逻辑堆在一个文件
- 尽量用 TypeScript 定义核心类型（Message、DebugLogEntry、Session、AIClient 等）
- 前端先实现最小可用 UI，不追求视觉设计，重点是功能和结构清晰
- 后端可以先用「假数据」或非常简单的逻辑模拟 AI 回复，后面我可以再自己换成真实模型调用

【输出方式】
- 每次生成代码时，按模块拆开放在多个代码块里（不要一次性塞一个巨型文件），方便我复制到对应文件
- 遇到不确定的地方（例如我当前项目的技术栈/路由结构），先用注释或 TODO 标明，留给我后续调整

请从后端开始：先给出后端 `server` 的基础结构（不包含真实模型调用，只用假数据模拟），再逐步补充前端 hooks 和页面。每一步实现后请简要说明「这一段代码的作用和下一步要做什么」。

• 这是完整提示词：已经包含了整体目标、必备模块、接口约定、前后端分工和输出方式，拿去喂 Cursor/别的 AI，就能一步步把整套 Demo 搭出来。

• 不是“片段”，而是“系统级任务描述”：

  • 明确了要做的功能：聊天、流式、RAG、Code Assistant、调试面板、SDK 抽象；
  • 明确了实现顺序：先后端基础，再前端 hooks + 页面，一步步补全。

• 你可以按需微调的点（可选）：

  • 把「后端：Node.js + Express」改成你实际想用的栈（如果有变化）；
  • 补充你当前项目技术栈（比如「前端请用 Vue 2 + TS」）；
  • 如果你只想一次性出代码，可以把「每一步实现后请简要说明…」那句删掉。

• 直接使用方式：

  • 整段复制 → 贴到 Cursor 的系统/指令位 → 让它按这段要求开始从后端 server 写起即可。