系统已开源到GitHub,链接见文末
整体的还原程度很高
有不少设计值得参考和学习的地方
核心功能包括:
1、7个AI 引擎可视化:ChatGPT、Perplexity、Claude、Gemini、Microsoft Copilot、AI Overviews、DeepSeek —— 每日可见度趋势、引用分类(earned / owned / social / competition)、品牌情绪、FactCheck 勘误
2、AI Marketer对话助手:用自然语言提问可见度 / 引用 / 情绪 / 提示词缺口,或直接触发 Agent —— 会真实写入运行记录与步骤 trace、扣减 trial credits
3、Agent系统:7 个可复用工作流(内容写作、页面优化、引用追踪、FactCheck、社交、购物、发布套件),带运行历史与逐工具耗时
4、认证与权限:scrypt 密码哈希、httpOnly session cookie、middleware 预检、owner / admin 双角色
示例数据:虚构品牌 Wrenfield(城市电动自行车)工作区 —— 40 条提示词、90 天可见度数据、引用域名、Agent 模板库、销售线索
技术栈
1、Next.js 16.4 — App Router、async params、cacheComponents(PPR 部分预渲染)、Turbopack
2、React 19 + server components(数据全部在服务端查询,图表 props 用可序列化枚举)
3、Tailwind CSS v4 — 单应用三套主题
4、better-sqlite3(WAL 模式)— 单文件数据库,scripts/seed.mjs 一键重建
本项目仅供个人学习与研究,用于了解现代 SaaS 产品的信息架构、Next.js App Router 与数据可视化实践
GitHub仓库地址:
https://github.com/yaojingang/profound-clone