Task Objective
- This skill is used for: the complete workflow from content collection to publishing
- Capabilities include:
- Web content extraction and conversion to Markdown
- Markdown formatting and layout optimization
- Intelligent article image placement
- Multi-platform automatic publishing (WeChat Official Accounts, X/Twitter)
- Trigger conditions: the user needs to collect, edit, add images to, and publish content
Core Functional Modules
Module 1: Content Collection (baoyu-url-to-markdown)
Function: Convert any web page into clean Markdown format
Use Cases:
- Collect articles, papers, and news
- Extract knowledge base content
- Save web page content
Steps:
- Provide the web page URL
- Choose the capture mode:
- Automatic mode: capture immediately after the page loads
- Wait mode: for pages that require login or interaction
- Automatically extract and convert to Markdown
Technical Implementation:
- Uses Chrome CDP technology
- Intelligently cleans HTML tags
- Preserves article structure and formatting
Module 2: Format Optimization (baoyu-format-markdown)
Function: Format and optimize Markdown documents
Core Features:
-
Automatic formatting
- Add frontmatter (title, date, tags)
- Adjust heading levels
- Optimize lists and code blocks
-
Layout optimization
- Fix the **bold bug caused by Chinese punctuation
- Automatically add spaces between Chinese and English
- Convert ASCII punctuation to full-width quotation marks
- CJK character spacing optimization
-
Content enhancement
- Automatically generate a summary
- Add a table of contents
- Optimize paragraph structure
Use Cases:
- Optimize collected content
- Format original articles
- Unify document style
Module 3: Intelligent Image Placement (article-illustrator)
Function: Analyze article content and generate illustrations at positions that need visual assistance
Illustration Types:
- Information supplement type: data visualization, flowcharts
- Concept concretization: visual expression of abstract concepts
- Imagination-guiding type: scene depiction, atmosphere creation
Illustration Styles(6 types × 8 styles):
- Type:infographic、scene、flowchart、comparison、framework、timeline
- Style:notion、elegant、warm、minimal、blueprint、watercolor、editorial、scientific
Steps:
- Analyze the article structure and identify positions that need illustrations
- Generate an illustration plan and prompts for each position
- Use image generation capabilities to create illustrations
- Insert the images into the corresponding positions in the article
Module 4: Multi-platform Publishing
4.1 WeChat Official Account Publishing (baoyu-post-to-wechat)
Features: Automatically publish content to WeChat Official Account
Publishing Modes:
-
Image-Text Mode
- Suitable for articles with images
- Supports multiple images and text
- Automatically handles image uploads
-
Article Mode
- Suitable for long articles
- Preserves Markdown format
- Automatically converts to Official Account format
Operation Methods:
- Browser Mode(Recommended): Uses Chrome automation
- API Mode: Requires configuring WECHAT_APP_ID and WECHAT_APP_SECRET
Operation Steps:
- Prepare Markdown content and images
- Choose publishing mode (image-text/article)
- Automatically open browser and log in
- Automatically fill in content and publish
4.2 X/Twitter Publishing (baoyu-post-to-x)
Features: Automatically publish content to X (Twitter)
Publishing Types:
-
Regular Tweets
- Supports text + images
- Automatically handles character limits
- Supports hashtags
-
X Articles (Long-form)
- Supports Markdown format
- Suitable for in-depth content
- Preserves formatting and layout
Technical Features:
- Uses real Chrome + CDP
- Bypasses anti-automation detection
- Supports multiple image uploads
Operation Steps:
- Prepare content (text/Markdown)
- Choose publishing type (tweet/Articles)
- Automatically open browser and log in
- Automatically publish content
Complete Workflows
Workflow 1: Web Article Collection and Publishing
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)
Workflow 2: Original Content Creation and Publishing
1. 创作Markdown文章
↓
2. baoyu-format-markdown(格式优化)
↓
3. article-illustrator(智能配图)
↓
4. 多平台发布
Workflow 3: Academic Content Processing
1. 论文网页URL
↓
2. baoyu-url-to-markdown(提取内容)
↓
3. paper-analysis-assistant(论文分析)
↓
4. baoyu-format-markdown(格式优化)
↓
5. ppt-generator(生成PPT)
↓
6. baoyu-post-to-wechat(发布解读)
Workflow 4: E-commerce Content Marketing
1. product-marketing-copywriter(生成文案)
↓
2. baoyu-format-markdown(格式优化)
↓
3. pop-up-book-illustration(3D插图)
↓
4. baoyu-post-to-x(推广发布)
Collaborative Skill Combinations
Synergy with Existing Skills
Content Extraction Group
- baoyu-url-to-markdown + paper-analysis-assistant
- baoyu-url-to-markdown + stock-analysis
- baoyu-url-to-markdown + web-design-analyzer
Format Optimization Group
- baoyu-format-markdown + article-illustrator
- baoyu-format-markdown + poetry-music-visual
- baoyu-format-markdown + ppt-generator
Content Creation Group
- ecommerce-copywriter + baoyu-format-markdown + baoyu-post-to-x
- product-marketing-copywriter + baoyu-format-markdown + baoyu-post-to-wechat
- xiaohongshu-makeup + baoyu-format-markdown + Multi-platform Publishing
Video Content Group
- viral-video-copywriting + baoyu-format-markdown + baoyu-post-to-x
- pet-commerce-creator + baoyu-format-markdown + Multi-platform Publishing
Prerequisites
Environment Dependencies
# 检查Node.js
node --version
# 检查Chrome
chrome --version
# 安装依赖(如需要)
npm install
Account Preparation
-
WeChat Official Account
- A registered Official Account
- Or configure the API (WECHAT_APP_ID, WECHAT_APP_SECRET)
-
X/Twitter Account
- A registered X account
- Stay logged in in the browser
Configuration Files (Optional)
# 创建配置文件
~/.baoyu-skills/.env
# 配置内容(可选)
WECHAT_APP_ID=your_app_id
WECHAT_APP_SECRET=your_app_secret
Usage Examples
Example 1: Collect an article and publish it to WeChat
用户:"采集这篇文章并发布到微信公众号"
URL: https://example.com/article
执行流程:
1. baoyu-url-to-markdown 提取内容
2. baoyu-format-markdown 格式优化
3. article-illustrator 智能配图
4. baoyu-post-to-wechat 发布到微信
Example 2: Optimize an article and publish it to multiple platforms
用户:"优化这篇文章并发布到微信和X"
输入:article.md
执行流程:
1. baoyu-format-markdown 格式优化
2. article-illustrator 智能配图
3. baoyu-post-to-wechat 发布到微信
4. baoyu-post-to-x 发布到X
Example 3: Collect a paper and generate a 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 发布解读
Resource Index
Core Scripts
- Content Collection:baoyu-url-to-markdown/scripts/main.ts
- Format Optimization:baoyu-format-markdown/scripts/main.ts
- Smart Image Matching:article-illustrator/SKILL.md
- WeChat Publishing:baoyu-post-to-wechat/scripts/wechat-browser.ts
- X Publishing:baoyu-post-to-x/scripts/x-browser.ts
Reference Documentation
- URL to Markdown:baoyu-url-to-markdown/SKILL.md
- Formatting Guide:baoyu-format-markdown/SKILL.md
- WeChat Publishing Guide:baoyu-post-to-wechat/references/
- X Publishing Guide:baoyu-post-to-x/references/
Collaborative Skills
- paper-analysis-assistant - Paper analysis
- stock-analysis - Stock Analysis
- ppt-generator - PPT Generation
- ecommerce-copywriter - E-commerce Copywriting
- product-marketing-copywriter - Product Copywriting
- xiaohongshu-makeup - Xiaohongshu Content
- viral-video-copywriting - Viral Video Copywriting
Notes
1. Chrome Dependency
- 3 modules require the Chrome browser
- Ensure Chrome is installed and accessible
- First-time use may require manual account login
2. Account Security
- When using browser mode, account information is saved locally
- It is recommended to use a dedicated account for automated publishing
- Regularly check published content
3. Content Review
- Manual review of content is recommended before publishing
- Ensure compliance with platform standards
- Pay attention to copyright and originality
4. Frequency Limits
- Avoid frequent publishing that may cause account anomalies
- It is recommended to set publishing intervals
- Comply with platform rules
5. Technical Limitations
- CDP functionality depends on Chrome stability
- The network environment may affect collection and publishing
- Some websites may have anti-scraping mechanisms
Advanced Features
Batch Processing
批量采集多个URL
↓
批量格式优化
↓
批量智能配图
↓
定时发布到多平台
Custom Workflows
Users can combine different modules according to their needs:
- Collection only + Formatting
- Image matching only + Publishing
- Full process automation
Template System
- Multiple preset content templates
- Custom formatting rules
- Save frequently used workflows
Troubleshooting
Issue 1: Chrome fails to start
Solution:
- Check whether Chrome is installed
- Update Chrome to the latest version
- Check system permissions
Issue 2: Web page collection fails
Solution:
- Check the network connection
- Try wait mode
- Log in manually before collecting
Issue 3: Publishing fails
Solution:
- Check account login status
- Confirm that the content complies with platform standards
- Check image size and format
Issue 4: Formatting anomaly
Solution:
- Check Markdown syntax
- Manually adjust special formats
- Use preset templates
Changelog
v1.0.0(2026-02-09)
- ✅ Integrated 4 baoyu skills
- ✅ Integrated article-illustrator
- ✅ Created a complete workflow
- ✅ Supports multi-platform publishing
- ✅ Added collaborative skill combinations
Skill Composition
This skill integrates the following sub-skills:
- baoyu-url-to-markdown - Web page to Markdown
- baoyu-format-markdown - Markdown formatting
- baoyu-post-to-wechat - WeChat Official Account publishing
- baoyu-post-to-x - X/Twitter publishing
- article-illustrator - Intelligent article illustration
As well as 44 existing skills that can collaborate.
🚀 One-stop content creation and publishing solution!