做 AI、做内容的同行,大概都有这个问题:
- 小红书要刷,抖音要看,B 站要追,微博要扫,公众号还要订阅
- 看完之后,记下来这件事很难 — 截图存了一堆,真的需要时找不到
- 更难的是从看到的内容里总结趋势:今天大家都在讲什么、哪种切口在涨、哪些选题应该立刻动手
- 最后还得写出来,小红书一种写法,公众号一种写法,X 一种写法,每个平台都重头来过
我一直在想,这件事能不能让一个"工作台"全包?这两周用 Claude Code,把过去几个月断断续续的想法,落成了一个能用的雏形。今天分享出来。
它长什么样
一张全貌:
整个系统就两层结构:
- 左边:监控分类(每个分类是一个独立的 Agent,可以聚焦不同主题,比如 ClaudeCode、VibeCoding、AI 工具测评)
- 右边:当前分类的全部信息(标题/描述 → KPI → 内容 / 报告 / 设置 三个 Tab)
整体走"暖色玻璃态"路线,卡片半透明 + 背景柔和渐变,刻意没用市面上很常见的紫色 AI 风格 — 不想让人一眼看出是 AI 生成的页面。
支持亮暗双模式,右上角一键切换:
暗色不是简单反色,是一套独立调过的色板:深蓝灰主调 + 极淡的玫红/青色色温点缀,长时间盯着不累眼。
三个核心模块
一、内容监控 — 把多平台信息收到一处
进入任何一个分类,默认看到的是当天的内容流:
- 顶部 4 个 KPI:今日采集数、今日热点(算法判定值得分析的)、覆盖平台、监控对象(关键词 + 对标账号)
- 中间是平台筛选 + 7 天时间线:点小红书就只看小红书,点周三就跳到那天
- 下面是内容列表 + 详情面板:左边一行行的标题/平台/热度/来源,右边详情
几个细节我自己最满意:
- 行内展开:点中一条,标题下方会内联展开摘要 + 来源博主,光标不离开列表也能快速判断要不要看
- 详情面板的标题是超链接:点一下新标签页打开原帖,不用复制 URL 在浏览器里手动找
- 决策按钮收在右侧:看完直接点"加入报告 / 重点关注 / 忽略",不需要回头翻
- 采集失败的内容会标"原帖不可用":不会让你以为系统坏了
二、选题分析与报告 — 把内容变成可用的洞察
切到第二个 Tab,就是当天的选题分析报告:
每天的报告包含三块:
- 热点信号:今天 N 个平台发生了什么共性变化(例如"教程切口升温""模板内容继续走高")
- 建议选题:基于今天热度生成的几个具体选题方向,带"为什么做、爆点、增长空间"
- 机会备注:发布节奏、表达建议、避坑提示
每个选题方向,都可以一键跳到创作工作台,把这个洞察当成创作起点。从"看到趋势"到"决定写什么"再到"开始写" — 这条链路从一周前的"翻 10 个 App + 抄 3 个 doc"压缩成了 3 次点击。
三、监控设置 — 长出新分类很简单
点侧栏底部的"+ 新增分类",立刻会创建一个新分类、跳到设置页配置关键词和对标账号:
每个分类都是独立的 Agent,有自己的:
- 监控关键词列表
- 对标账号(支持小红书 / B 站 / 抖音 / 微博 / 公众号)
- 采集计划(默认每天早上 9:00)
不同分类完全隔离 — 在 ClaudeCode 监控里看 Claude 相关趋势,切到 VibeCoding 就只看 Vibe Coding 内容,互不干扰。
不止能"看",还能"写" — 创作工作台
监控只是第一步。从监控里挑了一条选题之后,会跳到创作工作台:
这里的设计原则很明确:一个选题,多平台输出,统一管理。
左边是新建任务表单(标题、说明、关键词、目标平台),下面是历史任务,右边主区域是统一创作面板:
- 同一个任务可以同时生成公众号深度文 / 小红书图文 / Twitter 串 / 视频脚本多个版本
- 切换 Tab 就能切换平台版本,内容互不影响
- 编辑、复制、模拟发布都在同一个界面里
创作面板的暗色版,适合晚上闷头写稿:
平台模板、prompt 都可以在"创作设置"里集中维护,一次配置,所有任务都用得上:
为什么我做这件事
公开承认一下 — 这套东西不是为了卖,纯粹是给自己用,顺手做出来分享。
我自己被几件事逼到了:
- 每天打开 5-7 个 App,扫一圈下来就 1-2 小时,且看完啥也没沉淀
- 写文章前要找选题,常常是回忆"前两天好像看到一个不错的标题",然后翻半小时刷新记忆
- 同一个想法,要写公众号还要写小红书,改 3 遍语气、3 遍标题、3 遍排版
- 有 AI 工具能解决,但每个工具只解决一段,从工具 A 跳到工具 B 再到工具 C,反而更累
所以这套东西的本质,不是替代任何一个 AI 工具,而是把"采集 → 分析 → 创作"这条链路压扁,让所有动作都在一个工作台里完成。
用了什么技术
如果你也想试着自己搭一个,简单透露一下技术栈:
- 前端:Next.js 15 + React 19 + Tailwind CSS v4
- 设计系统:shadcn/ui + 自定义 token(支持亮暗双模式)
- 图标:lucide-react
- 主题切换:next-themes
- 测试:Vitest + Testing Library
- 部署:Vercel
- 整个项目从设计到上线:Claude Code 一手做完,我只负责提需求和拍板风格
写在最后
如果你也在做类似的事,或者觉得这种"统一工作台"的思路对你有用 — 这套东西现在还粗糙,但雏形已经有了。
线上 demo:https://content-factory-next-final.vercel.app
下一篇会写怎么用 Claude Code 从零搭出这套系统的完整过程,包括踩过的坑(Vercel 部署翻车、Tailwind v4 token 设计、暗色模式调色,等等)。