微信公众号排版助手（weixin-auto--）

一个基于 Electron + React + Skills 的本地桌面工具，覆盖公众号内容生产全流程：

• 文章抓取
• Markdown 编辑与主题排版预览
• 正文配图与封面配图（AI）
• 推送公众号草稿箱
• 订阅监控与文章轮询

截图

1. 首页（工作入口）

2. 工作台：排版发布

3. 工作台：文章抓取

4. 工作台：订阅监控

核心能力

1) 排版发布模块

• Markdown 编辑、主题切换、实时预览（含移动端预览）
• 预览复制与 Markdown 复制双通道
• 公众号草稿发布（通过本地服务链路）
• 排版参数可视化微调（字号、间距、背景、圆角、颜色等）

2) 自动配图模块

• 正文配图：支持基础/高级模式
• 封面配图：独立区域，支持比例选择（如 1:1、16:9、9:16 等）
• 支持多 provider（按本地配置可用性自动选择）

3) 文章抓取模块

• 输入 URL 抓取正文为 Markdown
• 可导入到排版模块继续加工

4) 订阅监控模块

• 登录公众号能力服务
• 搜索并管理订阅
• 拉取文章列表、查看详情、手动轮询

技术栈

• 前端：React 18、TypeScript、Vite
• 桌面端：Electron
• 编辑器：@uiw/react-md-editor
• Markdown 渲染：react-markdown + remark-gfm
• 动效：framer-motion

快速开始

1. 安装依赖

npm install

2. 启动开发环境

npm run dev

3. 打开配置中心补齐配置

启动后进入工作台，点击右上角「配置中心」，按模块填写密钥和服务地址。

配置说明

应用会读取以下配置文件：

• 发布模块：skills/agent-skills/md-to-wechat/.env
• 订阅监控：skills/agent-skills/wechat-watch/services/wechat-download-api/.env
• 配图/模型：.baoyu-skills/.env

常见关键配置（示例）：

• 发布：WECHAT_APP_ID、WECHAT_APP_SECRET、API_URL
• 配图：OPENAI_API_KEY / GEMINI_API_KEY / DASHSCOPE_API_KEY / GRSAI_API_KEY

开发脚本

npm run dev        # 开发模式
npm run typecheck  # 类型检查
npm run build      # 构建
npm run preview    # 预览构建产物

目录结构

.
├─ src/                     # React 前端
├─ electron/                # Electron 主进程与服务桥接
├─ skills/                  # 技能与脚本
│  ├─ agent-skills/         # 已接入的基础技能
│  ├─ article-batch-illustration/
│  ├─ baoyu-cover-image/
│  └─ baoyu-image-gen/
├─ comic/                   # 漫画与配图输出
└─ docs/screenshots/        # README 截图

当前定位

这是一个“本地优先”的公众号内容生产工作台。核心目标是：

• 减少在多个工具之间切换
• 保持排版预览与最终发布尽量一致
• 把抓取、配图、发布、监控收敛到同一个桌面入口