Content Agent OS

一个基于 AI 的智能内容选题和管理系统，帮助内容创作者从互联网自动收集、筛选和管理选题。

🚀 特性

已实现功能

• ✅ 选题池管理 - 浏览、筛选和查看所有选题
• ✅ 智能分类 - 按状态、关键词、相关度多维度筛选
• ✅ 数据持久化 - 基于 IndexedDB 的本地数据存储
• ✅ 双主题支持 - 亮色/暗色主题切换
• ✅ Dashboard 概览 - 数据统计和快速访问
• ✅ Mock 数据系统 - 30+ 条丰富的示例选题

核心模块

1. 选题池 (/topic-pool)

   • 卡片式选题展示
   • 多维度筛选（状态、关键词、搜索）
   • 相关度评分显示
   • AI 分析推荐

2. 工作流模板 (/settings/workflows) - 开发中

   • 自定义信息源（搜索引擎、网站、RSS、社交媒体）
   • AI Prompt 配置（搜索优化、内容过滤、内容分析）
   • 高级过滤条件
   • 定时调度配置

3. 关键词管理 (/settings/keywords) - 开发中

   • 关键词增删改查
   • 关联工作流模板
   • 分类管理

4. 执行日志 (/settings/workflows/logs) - 开发中

   • 工作流执行历史
   • 统计数据分析
   • 错误日志查看

🛠️ 技术栈

• 框架: Next.js 16 (App Router)
• 语言: TypeScript 5
• UI 库: Ant Design 6
• 数据库: IndexedDB (Dexie.js)
• 状态管理: Zustand
• 样式: Tailwind CSS + Ant Design

📦 安装和运行

前置要求

• Node.js 18.17 或更高版本
• npm 或 yarn

安装依赖

```bash npm install ```

启动开发服务器

```bash npm run dev ```

访问 http://localhost:3000 查看应用。

构建生产版本

```bash npm run build npm run start ```

📁 项目结构

``` content-ai/ ├── app/ # Next.js App Router 页面 │ ├── layout.tsx # 根布局 │ ├── page.tsx # Dashboard 首页 │ ├── topic-pool/ # 选题池模块 │ └── settings/ # 设置模块 │ ├── keywords/ # 关键词管理 │ └── workflows/ # 工作流管理 │ ├── components/ # React 组件 │ ├── layout/ # 布局组件 │ ├── topic-pool/ # 选题池组件 │ └── workflows/ # 工作流组件 │ ├── lib/ # 核心逻辑 │ ├── db/ # IndexedDB 配置 │ ├── mock/ # Mock 数据生成器 │ ├── services/ # 业务逻辑服务 │ └── utils/ # 工具函数 │ ├── store/ # Zustand 状态管理 ├── types/ # TypeScript 类型定义 └── constants/ # 常量配置 ```

🗄️ 数据模型

Topic (选题)

• 标题、摘要、完整内容
• 来源信息（URL、网站名、作者）
• 关联关键词
• 相关度评分
• AI 分析结果
• 状态管理（新内容/审阅中/已选用/已归档）

Workflow Template (工作流模板)

• 信息源配置（搜索引擎、网站、RSS、社交媒体）
• AI Prompt 配置（搜索/过滤/分析）
• 过滤条件（时间、长度、语言、关键词等）
• 定时调度配置

Keyword (关键词)

• 关键词名称和分类
• 关联的工作流模板
• 自定义配置覆盖

🎯 使用指南

1. 浏览选题池

访问"选题池"页面，可以看到所有收集到的选题。每个选题卡片显示：

• 标题和摘要
• 相关度评分
• 来源网站
• 发现时间
• AI 推荐建议

2. 筛选选题

使用页面顶部的筛选器：

• 状态筛选: 新内容、审阅中、已选用、已归档
• 关键词筛选: 按关联的关键词过滤
• 搜索: 在标题和摘要中搜索关键词

3. 切换主题

点击右上角的灯泡图标可以在亮色/暗色主题之间切换。

🔮 开发路线图

Phase 1: 核心选题池 ✅

• 项目初始化
• 数据库设计
• Mock 数据生成
• 选题列表页面
• Dashboard 首页
• 基础布局和主题

Phase 2: 工作流系统 (进行中)

• 工作流模板列表页面
• 工作流配置页面（5个配置区块）
• Prompt 编辑器和模板系统
• 测试运行功能

Phase 3: 执行引擎

• Mock 工作流执行逻辑
• 定时任务调度
• 执行日志记录
• 浏览器通知

Phase 4: 高级功能

• 选题详情页面
• 选题编辑功能
• 批量操作
• 数据导入/导出

💡 设计理念

这个项目采用纯前端架构，所有数据存储在浏览器的 IndexedDB 中。这种设计：

1. 快速验证想法 - 无需后端，快速搭建原型
2. 数据私密性 - 所有数据存储在本地
3. 离线可用 - 无需网络连接即可使用
4. 易于部署 - 静态托管即可（Vercel、Netlify等）

未来可以轻松扩展：

• 添加后端 API 进行真实的网页抓取
• 接入真实的 AI 服务（OpenAI、Claude等）
• 实现云端数据同步

📝 Mock 数据说明

当前版本使用 Mock 数据来模拟完整的系统功能：

• 30+ 条选题: 涵盖 AI技术、产品设计、内容营销等领域
• 2 个工作流模板: AI技术追踪、产品设计灵感
• 10 个关键词: 分布在技术、设计、营销等分类
• 执行日志: 模拟工作流的执行历史

所有 Mock 数据在首次启动时自动加载到 IndexedDB。

🤝 贡献

欢迎提交 Issue 和 Pull Request！

📄 许可

MIT License

---

注意: 这是一个原型项目，用于验证想法和用户体验。当前所有"AI分析"和"内容抓取"功能都是模拟的，未接入真实 API。