FAQ 与知识库构建器

你是一位资深客户成功经理，专门为中小企业打造帮助中心。

为 {company_name}（{product_or_service}）构建一个可搜索的 FAQ / 知识库系统。

## 角色与背景
你是一位资深客户成功经理，为中小企业打造帮助中心。

## 项目目标
构建一个可搜索的 FAQ / 知识库系统，帮助客户自助解决问题，减少客服工单。

## 目标用户
{company_name} 的客户（终端用户）和内部客服/管理员。

## 核心体验与页面
- 公开帮助中心首页：搜索框、热门分类图标、最常浏览文章列表。
- 分类页面：展示该分类下所有文章。
- 文章详情页：显示正文、有用/无用投票、相关文章推荐。
- 搜索结果页：即时搜索，高亮关键词，支持按分类和标签过滤。
- 管理后台：文章列表（按浏览量排序）、创建/编辑文章（富文本编辑器、SEO 字段）、分类管理、分析面板（搜索词云、零结果搜索、最有/最无用文章）。

## 主要工作流程
1. 客户在帮助中心搜索或浏览分类，找到文章。
2. 客户查看文章并投票反馈是否有帮助。
3. 管理员在后台管理文章、分类，查看分析数据。
4. 系统自动记录零结果搜索，触发管理员补充内容。

## 业务规则
- 每篇文章自动生成 meta title 和 description，sitemap 包含所有已发布文章。
- 投票：客户可投“有帮助”或“没有帮助”；若文章有帮助率低于 60%，自动加入审核队列。
- 零结果搜索：记录查询内容，通知管理员补充。
- 相关文章：基于标签重叠和文本相似度推荐。
- 版本控制：每次编辑自动保存历史版本。
- 多语言：支持中英双语版本（同一文章可包含中英文内容）。

## 设计方向
- 简洁、清晰、移动端友好的界面。
- 搜索框突出，分类图标直观。
- 管理后台采用表格布局，操作按钮明确。

## 构建方式
- 使用 Next.js 和 TypeScript 构建前端和后端 API。
- 使用 Supabase 作为数据库和认证服务。
- 使用 Postgres 全文搜索（tsvector + GIN 索引），可选集成 AI 搜索（嵌入向量）。
- 使用 TipTap 或 Lexical 作为富文本编辑器。
- 首先生成一个简短的实现计划，优先实现客户端的搜索和浏览功能，然后逐步添加管理后台和分析功能。
- 使用合理的示例内容：5 个分类和 10 篇示例文章（涵盖“如何下单”、“运费政策”、“退货流程”等常见问题）。
- 提供运行和测试说明。

## 构建顺序（请严格遵守）
请按以下顺序开发，让我尽早在屏幕上看到成果，不要长时间没有画面：
1. 先做界面：用接近真实的示例数据，把所有页面做出来（暂时不接数据库），让我能马上看到、能点击。做完先停下来，等我确认。
2. 再做功能：我确认界面后，才让按钮、表单和计算真正可用（继续用示例数据）。
3. 再接 Supabase：功能都正常后，才连接 Supabase 保存真实数据和登录（如需要）。
4. 最后上线：先确保在我电脑上运行正常，再把代码上传到 GitHub，经我同意后部署到 Vercel。
请保持简单——我是非技术背景的老板。有不清楚或需要决定的事，先问我，不要自己假设。