公众号智能工作台 · 功能开发文档 \& UI 设计文档
第一部分 功能开发文档
一、项目概述
1\.1 项目定位
面向公众号内容创作者的一站式智能运营工作台，基于崇胜 SAAS 框架开发，深度整合 AI 选题、AI 创作、AI 排版、多账号管理、数据复盘全流程能力，解决创作者"选题难、排版繁、数据散、流程割裂"的痛点，实现从每日选题到发布复盘的完整闭环。
1\.2 核心目标
- 自动化生成每日/每周选题任务，严格匹配微信公众号发布规则
- 接入崇胜 SAAS 内置 AI 大模型，实现选题确认后 AI 生成内容、AI 智能排版
- 统一管理多公众号历史文章与运营数据，支持内容表现分析与复盘
- 提供上百种预设排版模板，支持一键应用与个性化定制
- 支持按账号属性、创作流程、栏目定位做差异化定制，而非统一模板
1\.3 开发基础
- 底层框架：崇胜 SAAS 框架（复用用户体系、权限体系、AI 大模型接口能力）
- 开发执行：WorkBuddy 全流程开发
- 本期范围：功能逻辑与前端界面实现，数据库设计后续由 WorkBuddy 补充
二、核心设计原则
- 流程闭环：覆盖「选题推荐 → 人工确认 → AI 写稿 → AI 排版 → 发布管理 → 数据复盘 → 优化选题」完整链路
- 规则合规：严格适配微信公众号发布配额——订阅号每日可发布 1 次、最多 8 篇文章；服务号每周 1 次、每次最多 8 篇
- 人机协作：AI 仅做辅助产出，正式内容生成与发布必须由人工确认触发
- 可定制化：支持按账号、栏目、创作者习惯自定义选题偏好、创作风格、排版模板、工作台布局
- 轻量化：核心操作 3 步内完成，首页一屏呈现核心待办与关键数据
三、账号类型与发布规则适配
| 账号类型 | 发布频次限制 | 选题生成规则 | 任务配额提醒 |
|---|---|---|---|
| 订阅号 | 每日 1 次，单次最多 8 篇文章 | 每日凌晨自动生成当日 8 个选题任务 | 首页展示「今日剩余发布次数」「已确认选题数 / 8」 |
| 服务号 | 每周 1 次，单次最多 8 篇文章 | 每周一凌晨自动生成本周 8 个选题任务 | 首页展示「本周剩余发布次数」「已确认选题数 / 8」 |
系统自动识别绑定的公众号类型，匹配对应生成周期与配额限制，超出配额时禁止新增确认选题，支持人工替换选题但总数不超过 8 个。
四、核心功能模块详解
4\.1 账号中心模块
4\.1\.1 多公众号绑定管理
- 支持绑定多个微信公众号，录入公众号名称、AppID、AppSecret、账号类型（订阅号 / 服务号）、所属栏目分类
- 支持账号分组、标签管理，支持一键切换当前操作账号
- 自动同步公众号基础信息、历史文章列表、历史发布数据
- 支持账号停用 / 启用，支持删除解绑
4\.1\.2 AI 能力配置
- 对接崇胜 SAAS 框架内置 AI 大模型，提供可视化配置页面
- 可配置项：AI 秘钥、模型选择、生成温度、最大输出长度、创作风格预设
- 支持按不同账号配置不同 AI 参数与风格，支持保存为账号专属配置
- 提供接口连通性测试按钮，一键校验配置有效性
4\.2 智能选题任务中心
4\.2\.1 自动选题生成
- 触发机制：按账号类型自动定时触发（订阅号每日、服务号每周）
- 生成依据：公众号简介、历史文章内容、历史数据表现、行业热点趋势、账号栏目定位
- 单期产出：固定生成 8 个选题任务，每个任务包含：选题标题、推荐分数（0–10 分）、推荐理由、题材标签、预估受众、建议文章类型
- 生成逻辑：仅生成选题方向与标题，不生成正文内容，严格遵循"人工确认后再产出正文"的规则
4\.2\.2 选题管理操作
- 选题列表支持：确认创作、编辑修改、丢弃选题、换一批重生成
- 支持手动新增自定义选题，手动选题计入当期 8 个配额内
- 支持选题排序调整，对应最终发文顺序
- 支持按分数、标签、时间筛选历史选题，支持收藏优质选题进入选题库
4\.2\.3 选题库
- 沉淀所有历史优质选题、收藏选题、自定义选题
- 支持按标签、分类、分数、使用状态筛选
- 支持从选题库直接选用，计入当期发布配额
4\.3 AI 内容创作模块
4\.3\.1 正文生成
- 选题确认后，进入创作草稿状态，点击「AI 生成全文」触发正文创作
- 生成前可补充要求：文章字数、行文风格、核心观点、关键词植入要求
- 支持生成模式选择：完整全文生成、先写大纲再扩写、多版本生成（3 个版本可选）
- 生成过程展示进度，生成完成后自动保存为草稿，支持多版本对比
4\.3\.2 内容编辑与润色
- 内置富文本编辑器，支持人工修改、调整内容结构
- 右侧 AI 助手面板：支持段落润色、扩写、缩写、改写、纠错、标题优化
- 支持多轮对话式调整，AI 基于当前文章上下文响应修改指令
- 支持保存多个草稿版本，支持版本回退
4\.3\.3 内容合规辅助
- 调用 AI 做敏感内容检测、违规风险提示
- 给出合规优化建议，降低发文违规风险
4\.4 AI 智能排版模块
4\.4\.1 预设排版模板库
- 内置上百种专业排版模板，按场景分类：资讯快报、干货科普、情感文案、商业评论、科技数码、活动通知、节日祝福等
- 每个模板包含：标题样式、正文格式、段落间距、引用样式、配图位、头图尾图、引导关注样式、配色体系
- 支持按风格、行业、色系筛选模板，支持模板收藏
- 模板支持预览效果，点击即可一键应用到当前文章
4\.4\.2 自定义排版调整
- 一键应用模板后，支持可视化调整：字体字号、行间距、段间距、主题色、引用样式、分割线样式
- 支持自定义头图、尾图、关注引导卡片、往期推荐模块
- 支持将调整后的样式保存为个人专属模板，支持模板分享
4\.4\.3 排版导出
- 排版完成后支持一键复制公众号兼容格式，直接粘贴到微信公众号后台即可保留完整样式
- 支持生成预览链接，手机扫码查看最终效果
- 支持导出纯文本、Markdown 格式备份
4\.5 文章全生命周期管理
4\.5\.1 文章状态管理
- 全状态分类：选题待确认、创作中、排版中、待发布、已发布、已归档
- 支持批量操作：批量移动分组、批量导出、批量删除
- 支持按账号、栏目、时间、状态、阅读量多维度筛选
4\.5\.2 发布排期管理
- 日历视图展示各账号发布计划与已发布内容
- 待发布文章支持设置定时提醒，到点推送通知
- 发布配额预警：临近配额上限时高亮提示，避免超额
4\.5\.3 历史文章同步
- 自动同步绑定公众号的所有历史文章与基础数据
- 支持按题材、阅读量、互动量排序筛选
- 支持导出历史文章列表与数据，支持导出给 AI 做批量分析
4\.6 数据分析与复盘模块
4\.6\.1 核心数据看板
- 展示核心指标：总阅读量、平均阅读量、点赞数、在看数、分享数、收藏数
- 支持按日、周、月维度切换，展示数据趋势折线图
- 多账号数据独立展示，支持账号对比
4\.6\.2 内容表现分析
- 阅读排行榜：按阅读量、分享率、互动率排序，展示 TOP 文章
- 题材表现分析：不同标签 / 题材的平均阅读、互动表现，给出优势题材结论
- 标题规律分析：AI 基于高阅读文章总结标题结构、关键词、句式规律
- 发布效果复盘：AI 生成的文章与人工创作文章的数据对比，给出优化建议
4\.6\.3 周期报告
- 自动生成周 / 月运营报告，包含数据总结、优质内容复盘、题材建议、下期选题方向
- 报告支持导出，支持一键分享
4\.7 个性化定制模块
- 栏目定制：支持自定义账号下的栏目分类、栏目定位、栏目更新频次
- 选题偏好定制：设置选题偏好方向、禁用题材、关键词偏好，影响 AI 选题生成结果
- 创作风格定制：保存专属创作风格参数，AI 生成内容自动匹配
- 工作台定制：支持首页卡片拖拽排序，自定义展示模块
4\.8 系统设置模块
- 基础设置：个人信息、通知设置、操作日志
- AI 参数设置：全局默认模型、参数、接口配置
- 模板管理：自定义排版模板的增删改查
- 权限管理：基于崇胜 SAAS 框架复用，支持多成员协作权限分配
五、AI 能力对接说明（基于崇胜 SAAS 框架）
- 所有 AI 能力均调用崇胜 SAAS 框架内置大模型接口，工作台不单独对接第三方大模型
- 前端仅提供配置页面，用户录入 AI 秘钥、选择模型、调整参数后，系统自动对接框架接口
- AI 调用场景统一封装：选题生成、正文生成、内容润色、排版优化、数据分析、报告生成
- 支持调用记录查询、Token 消耗统计，数据从 SAAS 框架同步展示
六、业务主流程说明
- 绑定公众号 → 配置 AI 参数与账号偏好
- 系统定时自动生成 8 个选题任务 → 创作者打开工作台查看
- 创作者筛选、确认、调整选题 → 确认后进入创作环节
- 点击 AI 生成全文 → 人工编辑润色 → 进入排版环节
- 选择排版模板 → 微调样式 → 预览最终效果
- 复制格式到公众号后台发布 → 发布后数据同步回工作台
- 查看数据表现与复盘结论 → 优化下一期选题方向
第二部分 UI 设计文档
一、设计总纲
1\.1 设计风格
- 整体风格：简约高效的企业级 SaaS 工作台风格，弱化装饰性元素，突出内容与操作
- 视觉调性：专业、清晰、克制，以信息层级为核心，降低视觉干扰
- 主色调：采用商务蓝为主色（\#165DFF），搭配中性灰阶，数据模块用低饱和度彩色做区分
- 适配端：优先桌面端宽屏适配，兼顾平板响应式
1\.2 设计规范
| 设计项 | 规范说明 |
|---|---|
| 字体 | 系统默认无衬线字体，标题字重 500–600，正文字重 400 |
| 字号 | 一级标题 18px，二级标题 16px，正文 14px，辅助文字 12px |
| 间距 | 模块间距 24px，卡片内边距 16px，列表行高 22px |
| 圆角 | 卡片圆角 8px，按钮圆角 6px，输入框圆角 6px |
| 阴影 | 卡片轻量阴影，hover 状态轻微上浮增强反馈 |
1\.3 全局布局框架
采用经典左侧导航 \+ 顶部栏 \+ 主内容区三栏布局：
- 左侧导航栏：固定宽度 220px，展示一级功能菜单，底部展示当前账号切换入口
- 顶部状态栏：高度 56px，左侧展示当前页面路径，右侧展示消息通知、用户头像、设置入口
- 主内容区：自适应宽度，采用卡片式布局，按模块分区展示
二、核心页面 UI 设计说明
2\.1 工作台首页
页面定位：创作者每日打开的第一页面，一屏掌握今日待办、核心数据、内容表现。
页面布局（从上到下，从左到右）：
- 顶部数据概览区：4 个数据卡片横向排列，分别展示：本期已发文章数、总阅读量、平均阅读量、互动率
- 今日 / 本周选题任务区（核心模块，占比最大）：
- 标题栏显示「今日选题 · 已确认 X/8」，右侧「换一批」按钮
- 8 个选题卡片 2 行 4 列网格布局，每个卡片包含：选题标题、推荐分数（高分标红）、题材标签、推荐理由摘要
- 卡片底部操作按钮：确认创作、编辑、丢弃
- 已确认的选题卡片高亮边框，标注「已确认」状态
- 待处理事项区：左侧展示创作中草稿、排版中文章、待发布文章数量快捷入口
- 近期表现区：折线图展示近 7 天阅读量趋势，右侧展示 TOP3 高阅读文章列表
2\.2 选题任务中心页面
页面定位：全量选题管理、选题库、历史选题查询。
页面布局：
- 顶部筛选栏：账号选择、时间范围、题材标签、状态筛选、搜索框
- 左侧分类导航：本期选题、选题库、历史选题、废稿箱
- 右侧主内容区：
- 卡片流布局展示选题列表，支持列表 / 卡片视图切换
- 每个选题卡片完整展示标题、分数、理由、标签、生成时间、操作按钮
- 支持拖拽调整选题顺序，对应发文排序
- 底部固定显示「当前配额：X/8」进度条
2\.3 AI 内容创作编辑页
页面定位：文章正文撰写、AI 润色、内容调整的核心操作页。
页面布局（三栏布局）：
- 左侧大纲栏：展示文章大纲结构，支持拖拽调整段落顺序，点击快速定位
- 中间编辑区：
- 顶部：文章标题输入框、字数统计、保存状态、预览按钮
- 主体：富文本编辑器，支持基础格式编辑
- 底部：AI 生成控制栏，包含生成要求输入框、「生成全文」「生成大纲」按钮
- 右侧 AI 助手面板：
- 快捷功能按钮：润色、扩写、缩写、改写、标题优化、合规检测
- 对话窗口，支持输入自定义指令调整内容
- 历史操作记录，支持一键复用
2\.4 智能排版中心页面
页面定位：模板选择、排版调整、效果预览。
页面布局：
- 顶部分类导航：全部分类、行业分类、风格分类、我的收藏、我的模板
- 左侧模板库：网格布局展示排版模板缩略图，每个模板卡片显示模板名称、风格标签，hover 显示「预览」「应用」按钮
- 右侧实时预览区：
- 模拟手机端宽度展示当前文章排版效果
- 侧边样式调整面板：字体、间距、配色、头图尾图、引导模块开关
- 底部操作栏：保存为模板、复制排版、扫码预览、导出
2\.5 文章管理页面
页面定位：全量文章统一管理、状态筛选、批量操作。
页面布局：
- 顶部筛选栏：账号选择、状态筛选、时间范围、关键词搜索、批量操作按钮
- 主体列表区：
- 表格列表布局，列包含：文章标题、所属账号、栏目标签、状态、阅读量、发布时间、操作
- 状态标签用不同颜色区分：待确认灰色、创作中蓝色、排版中紫色、待发布橙色、已发布绿色
- 操作列：编辑、查看数据、复制、删除
- 底部分页组件，支持每页条数调整
2\.6 数据复盘页面
页面定位：数据看板、内容分析、周期报告。
页面布局：
- 顶部切换栏：账号选择、时间维度（日 / 周 / 月）、导出按钮
- 上半区数据看板：
- 核心指标卡片横向排列
- 数据趋势折线图，支持切换指标查看
- 下半区分两栏：
- 左侧：文章排行榜，支持切换阅读榜、互动榜、分享榜
- 右侧：题材表现分析柱状图 \+ AI 优化建议文本框
- 底部周期报告入口，展示最近一期周 / 月报告，支持查看详情与导出
2\.7 账号与设置页面
页面定位：公众号管理、AI 配置、系统设置。
页面布局：
- 左侧二级菜单：公众号管理、AI 配置、个性化设置、模板管理、系统设置
- 公众号管理页：账号卡片列表，每个卡片展示公众号头像、名称、类型、配额信息、操作按钮
- AI 配置页：表单布局，包含秘钥输入框、模型下拉选择、参数滑块、测试按钮、保存按钮
- 个性化设置页：分栏布局，分别设置选题偏好、创作风格、工作台布局
三、组件与交互规范
- 按钮规范：主按钮实心填充，次按钮描边样式，危险按钮红色系；禁用状态灰度降低透明度
- 表单规范：输入框带清晰标签，必填项标红星，错误状态红色边框 \+ 提示文字
- 加载交互：AI 生成过程展示进度条与状态文案，禁止重复点击提交
- 反馈机制：操作成功 / 失败用顶部全局提示，重要操作二次确认
- 空状态：所有列表页、数据页设计对应空状态插画与引导操作按钮
四、响应式适配说明
- 桌面端（≥1200px）：完整三栏布局，所有模块完整展示
- 平板端（768px–1200px）：左侧导航可折叠，主内容区自适应换行
- 移动端（\<768px）：本期不做深度适配，保证基础浏览可用即可，核心操作以桌面端为主
（注：部分内容由豆包工作 AI 生成）