/content-creation-publisher

name: content-creation-publisher
description: 内容创作者与自媒体创作者在需要将网页素材转化为多平台图文时，使用本技能可自动完成网页提取、Markdown排版美化、智能配图，并一键发布至微信公众号与X/Twitter，轻松实现从采集到发布的一站式自动化工作流。
dependency:
  python:
    - requests>=2.28.0
    - pillow>=10.0.0
  system:
    - Node.js环境（用于baoyu技能）
    - Chrome浏览器（用于CDP功能）

内容创作与发布全流程

任务目标

• 本技能用于：从内容采集到发布的完整工作流
• 能力包含：
• 网页内容提取转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-url-to-markdown/scripts/main.ts)
• **格式优化**：[baoyu-format-markdown/scripts/main.ts](baoyu-format-markdown/scripts/main.ts)
• **智能配图**：[article-illustrator/SKILL.md](../article-illustrator/SKILL.md)
• **微信发布**：[baoyu-post-to-wechat/scripts/wechat-browser.ts](baoyu-post-to-wechat/scripts/wechat-browser.ts)
• **X发布**：[baoyu-post-to-x/scripts/x-browser.ts](baoyu-post-to-x/scripts/x-browser.ts)

参考文档

• **URL转Markdown**：[baoyu-url-to-markdown/SKILL.md](baoyu-url-to-markdown/SKILL.md)
• **格式化指南**：[baoyu-format-markdown/SKILL.md](baoyu-format-markdown/SKILL.md)
• **微信发布指南**：[baoyu-post-to-wechat/references/](baoyu-post-to-wechat/references/)
• **X发布指南**：[baoyu-post-to-x/references/](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
  ↓
批量格式优化
  ↓
批量智能配图
  ↓
定时发布到多平台

自定义工作流

用户可以根