内容创作与发布全流程

任务目标

• 本技能用于：从内容采集到发布的完整工作流
• 能力包含：
  • 网页内容提取转Markdown
  • Markdown格式化和排版优化
  • 智能文章配图
  • 多平台自动发布（微信公众号、X/Twitter）
• 触发条件：用户需要采集、编辑、配图、发布内容

核心功能模块

模块1：内容采集（baoyu-url-to-markdown）

功能：将任意网页转换为干净的Markdown格式

使用场景：

• 采集文章、论文、新闻
• 提取知识库内容
• 保存网页内容

操作步骤：

1. 提供网页URL
2. 选择捕获模式：
   • 自动模式：页面加载后立即捕获
   • 等待模式：需要登录或交互的页面
3. 自动提取并转换为Markdown

技术实现：

• 使用Chrome CDP技术
• 智能清理HTML标签
• 保留文章结构和格式

模块2：格式优化（baoyu-format-markdown）

功能：格式化和优化Markdown文档

核心特性：

1. 自动格式化

   • 添加frontmatter（标题、日期、标签）
   • 调整标题层级
   • 优化列表和代码块

2. 排版优化

   • 修复中文标点符号导致的**加粗bug
   • 自动在中文和英文之间添加空格
   • ASCII标点转全角引号
   • CJK字符间距优化

3. 内容增强

   • 自动生成摘要
   • 添加目录
   • 优化段落结构

使用场景：

• 优化采集的内容
• 格式化原创文章
• 统一文档风格

模块3：智能配图（article-illustrator）

功能：分析文章内容，在需要视觉辅助的位置生成插图

配图类型：

• 信息补充型：数据可视化、流程图
• 概念具象化：抽象概念的视觉表达
• 引导想象型：场景描绘、氛围营造

配图风格（6种类型 × 8种风格）：

• 类型：infographic、scene、flowchart、comparison、framework、timeline
• 风格：notion、elegant、warm、minimal、blueprint、watercolor、editorial、scientific

操作步骤：

1. 分析文章结构，识别需要配图的位置
2. 为每个位置生成配图计划和提示词
3. 使用图像生成能力创建插图
4. 将图片插入到文章对应位置

模块4：多平台发布

4.1 微信公众号发布（baoyu-post-to-wechat）

功能：自动发布内容到微信公众号

发布模式：

1. 图文模式

   • 适合带图片的文章
   • 支持多图文
   • 自动处理图片上传

2. 文章模式

   • 适合长文
   • 保留Markdown格式
   • 自动转换为公众号格式

操作方式：

• 浏览器模式（推荐）：使用Chrome自动化
• API模式：需配置WECHAT_APP_ID和WECHAT_APP_SECRET

操作步骤：

1. 准备Markdown内容和图片
2. 选择发布模式（图文/文章）
3. 自动打开浏览器并登录
4. 自动填充内容并发布

4.2 X/Twitter发布（baoyu-post-to-x）

功能：自动发布内容到X（Twitter）

发布类型：

1. 普通推文

   • 支持文本 + 图片
   • 自动处理字数限制
   • 支持话题标签

2. X Articles（长文）

   • 支持Markdown格式
   • 适合深度内容
   • 保留格式和排版

技术特点：

• 使用真实Chrome + CDP
• 绕过反自动化检测
• 支持多图上传

操作步骤：

1. 准备内容（文本/Markdown）
2. 选择发布类型（推文/Articles）
3. 自动打开浏览器并登录
4. 自动发布内容

完整工作流

工作流1：网页文章采集与发布

1. 网页URL
   ↓
2. baoyu-url-to-markdown（提取内容）
   ↓
3. baoyu-format-markdown（格式优化）
   ↓
4. article-illustrator（智能配图）
   ↓
5a. baoyu-post-to-wechat（发布到微信）
   ↓
5b. baoyu-post-to-x（发布到X）

工作流2：原创内容创作与发布

1. 创作Markdown文章
   ↓
2. baoyu-format-markdown（格式优化）
   ↓
3. article-illustrator（智能配图）
   ↓
4. 多平台发布

工作流3：学术内容处理

1. 论文网页URL
   ↓
2. baoyu-url-to-markdown（提取内容）
   ↓
3. paper-analysis-assistant（论文分析）
   ↓
4. baoyu-format-markdown（格式优化）
   ↓
5. ppt-generator（生成PPT）
   ↓
6. baoyu-post-to-wechat（发布解读）

工作流4：电商内容营销

1. product-marketing-copywriter（生成文案）
   ↓
2. baoyu-format-markdown（格式优化）
   ↓
3. pop-up-book-illustration（3D插图）
   ↓
4. baoyu-post-to-x（推广发布）

协同技能组合

与现有技能的协同

内容提取组

• baoyu-url-to-markdown + paper-analysis-assistant
• baoyu-url-to-markdown + stock-analysis
• baoyu-url-to-markdown + web-design-analyzer

格式优化组

• baoyu-format-markdown + article-illustrator
• baoyu-format-markdown + poetry-music-visual
• baoyu-format-markdown + ppt-generator

内容创作组

• ecommerce-copywriter + baoyu-format-markdown + baoyu-post-to-x
• product-marketing-copywriter + baoyu-format-markdown + baoyu-post-to-wechat
• xiaohongshu-makeup + baoyu-format-markdown + 多平台发布

视频内容组

• viral-video-copywriting + baoyu-format-markdown + baoyu-post-to-x
• pet-commerce-creator + baoyu-format-markdown + 多平台发布

前置准备

环境依赖

# 检查Node.js
node --version

# 检查Chrome
chrome --version

# 安装依赖（如需要）
npm install

账号准备

1. 微信公众号

   • 已注册的公众号账号
   • 或配置API（WECHAT_APP_ID、WECHAT_APP_SECRET）

2. X/Twitter账号

   • 已注册的X账号
   • 浏览器中保持登录状态

配置文件（可选）

# 创建配置文件
~/.baoyu-skills/.env

# 配置内容（可选）
WECHAT_APP_ID=your_app_id
WECHAT_APP_SECRET=your_app_secret

使用示例

示例1：采集文章并发布到微信

用户："采集这篇文章并发布到微信公众号"
URL: https://example.com/article

执行流程：
1. baoyu-url-to-markdown 提取内容
2. baoyu-format-markdown 格式优化
3. article-illustrator 智能配图
4. baoyu-post-to-wechat 发布到微信

示例2：优化文章并多平台发布

用户："优化这篇文章并发布到微信和X"
输入：article.md

执行流程：
1. baoyu-format-markdown 格式优化
2. article-illustrator 智能配图
3. baoyu-post-to-wechat 发布到微信
4. baoyu-post-to-x 发布到X

示例3：采集论文并生成PPT

用户："采集这篇论文并生成PPT"
URL: https://arxiv.org/abs/xxxxx

执行流程：
1. baoyu-url-to-markdown 提取内容
2. paper-analysis-assistant 论文分析
3. baoyu-format-markdown 格式优化
4. ppt-generator 生成PPT
5. baoyu-post-to-wechat 发布解读

资源索引

核心脚本

• 内容采集：baoyu-url-to-markdown/scripts/main.ts
• 格式优化：baoyu-format-markdown/scripts/main.ts
• 智能配图：article-illustrator/SKILL.md
• 微信发布：baoyu-post-to-wechat/scripts/wechat-browser.ts
• X发布：baoyu-post-to-x/scripts/x-browser.ts

参考文档

• URL转Markdown：baoyu-url-to-markdown/SKILL.md
• 格式化指南：baoyu-format-markdown/SKILL.md
• 微信发布指南：baoyu-post-to-wechat/references/
• X发布指南：baoyu-post-to-x/references/

协同技能

• paper-analysis-assistant - 论文分析
• stock-analysis - 股票分析
• ppt-generator - PPT生成
• ecommerce-copywriter - 电商文案
• product-marketing-copywriter - 产品文案
• xiaohongshu-makeup - 小红书内容
• viral-video-copywriting - 爆款视频文案

注意事项

1. Chrome依赖

• 3个模块需要Chrome浏览器
• 确保Chrome已安装并可访问
• 首次使用可能需要手动登录账号

2. 账号安全

• 使用浏览器模式时，账号信息保存在本地
• 建议使用专用账号进行自动化发布
• 定期检查发布内容

3. 内容审核

• 发布前建议人工审核内容
• 确保符合平台规范
• 注意版权和原创性

4. 频率限制

• 避免频繁发布导致账号异常
• 建议设置发布间隔
• 遵守平台规则

5. 技术限制

• CDP功能依赖Chrome稳定性
• 网络环境可能影响采集和发布
• 部分网站可能有反爬虫机制

高级功能

批量处理

批量采集多个URL
  ↓
批量格式优化
  ↓
批量智能配图
  ↓
定时发布到多平台

自定义工作流

用户可以根据需求组合不同模块：

• 仅采集 + 格式化
• 仅配图 + 发布
• 完整流程自动化

模板系统

• 预设多种内容模板
• 自定义格式化规则
• 保存常用工作流

故障排查

问题1：Chrome无法启动

解决方案：

• 检查Chrome是否安装
• 更新Chrome到最新版本
• 检查系统权限

问题2：网页采集失败

解决方案：

• 检查网络连接
• 尝试等待模式
• 手动登录后再采集

问题3：发布失败

解决方案：

• 检查账号登录状态
• 确认内容符合平台规范
• 检查图片大小和格式

问题4：格式化异常

解决方案：

• 检查Markdown语法
• 手动调整特殊格式
• 使用预设模板

更新日志

v1.0.0（2026-02-09）

• ✅ 整合4个baoyu技能
• ✅ 整合article-illustrator
• ✅ 创建完整工作流
• ✅ 支持多平台发布
• ✅ 添加协同技能组合

技能组成

本技能整合了以下子技能：

1. baoyu-url-to-markdown - 网页转Markdown
2. baoyu-format-markdown - Markdown格式化
3. baoyu-post-to-wechat - 微信公众号发布
4. baoyu-post-to-x - X/Twitter发布
5. article-illustrator - 智能文章配图

以及可协同的44个现有技能。

🚀 一站式内容创作与发布解决方案！