Web to WeChat for Openclaw

An automated workflow that scrapes any web page, structures it using AI, generates and compresses cover art, and publishes it directly into WeChat draft box.

lutongsuo
v1.0.0
Jul 1, 2026
0
248
0

Install & Download

1. ClawHub CLI

The fastest way to install a skill directly from the registry.

npx clawhub@latest install web-to-wechat

2. Manual Installation

Copy the skill folder to one of these locations

Global
~/.openclaw/skills/
Workspace
<project>/skills/

Priority: Workspace > Local > Bundled

3. Prompt Installation

Copy this prompt to OpenClaw to install it automatically.

Help me install web-to-wechat using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).

Prefer to download?

Get the raw skill files in a ZIP archive.

What is Web to WeChat?

The web-to-wechat workflow is an automation solution designed for technical writers, marketers, and content creators who need to migrate external web content to WeChat Official Accounts. Operating as part of the broader registry of Openclaw Skills, this skill eliminates manual formatting, copy-pasting, and manual image resizing, enabling a seamless bridge from standard websites to WeChat's closed-ecosystem drafts panel.

By leveraging advanced markdown extraction and intelligent fallbacks, the system extracts the core substance of any website. It then reformats the content using AI to align with WeChat aesthetics, auto-generates appropriate cover graphics, handles strict platform compression requirements, and submits the finalized, styled draft directly to your publishing dashboard.

Web to WeChat Use Cases

  • Automated Content Curation: Instantly scrape tech blogs, industry news, or Zhihu articles, and draft them directly to your WeChat Official Account with intact metadata.
  • Multi-Platform Syndication: Synchronize personal blogs, CSDN tutorials, or Medium writeups to your WeChat subscription or service account in minutes.
  • Quick Digest Drafting: Compile summaries of complex research papers or long-form essays into high-engagement WeChat posts using customizable AI rewrite styles.
  • Workforce Content Processing: Empower marketing teams to safely convert web resources into draft items while maintaining complete copyright compliance.

How Web to WeChat Works

  1. URL Collection: The agent parses the target URL from the user prompt or interactively asks for a web link.
  2. Content Scraping: The system executes scrape_web.py to extract clean content, falling back to WebFetch for Javascript-rendered single-page applications.
  3. AI Content Formatting: The agent processes the parsed Markdown, structuring heading hierarchies, normalizing code blocks, removing ads, and refining copy according to a chosen style template.
  4. Cover Image Generation: Using ImageGen, the skill creates a high-quality 1024x768 cover image optimized for the 4:3 WeChat preview block.
  5. Automated Image Compression: The system runs a background script to compress the generated cover art to under 64KB, ensuring compliance with WeChat API rules.
  6. HTML Compilation: The polished Markdown is compiled into WeChat-optimized, inline-styled HTML using companion assets.
  7. Draft Upload: The API client packages the inline HTML, compressed cover graphic, summary digest, and original source link, then securely uploads them as a draft to the WeChat Creator Platform.

Web to WeChat Setup

1. Install Dependencies

Configure your local Python environment with the required libraries for web parsing, HTTP handling, and image compression:

python -m pip install requests beautifulsoup4 html2text markdown Pillow

2. Install Companion Integrations

This workflow requires resources bundled inside companion packages in the Openclaw Skills directory. Install them using clawhub:

clawhub install anything-to-wechat
clawhub install file-to-wechat

3. Add Your WeChat Credentials

  1. Log in to your WeChat Official Accounts Platform.
  2. Head to Settings & Development -> Basic Configuration (设置与开发 → 基本配置).
  3. Copy your AppID and AppSecret (and make sure to add your server's public IP address to the IP Whitelist).
  4. Expose these credentials within your workspace environment:

On macOS or Linux:

export WECHAT_APP_ID="your_appid_here"
export WECHAT_APP_SECRET="your_appsecret_here"

On Windows (PowerShell):

[Environment]::SetEnvironmentVariable("WECHAT_APP_ID", "your_appid_here", "User")
[Environment]::SetEnvironmentVariable("WECHAT_APP_SECRET", "your_appsecret_here", "User")

Web to WeChat Data Schema & Taxonomy

During runtime, the skill generates and handles a set of structured documents inside your agent's temporary workspace directory:

File Name Format Description
raw_article.md Markdown The raw markdown extracted from the target page.
article.md Markdown The clean, AI-restructured markdown ready for WeChat.
wechat_cover.png PNG The raw 1024x768 cover graphic generated by ImageGen.
wechat_cover_compressed.jpg JPG The compressed cover image optimized to stay under 64KB.
wechat_article.html HTML WeChat-ready styled HTML constructed using design inline-tokens.

Output Metadata Properties

When registering a new draft payload, the script submits the following schema properties to the WeChat API:

  • Title: The final title generated or approved during the AI reformatting phase.
  • Digest: A brief overview of the post strictly capped under 120 characters.
  • Thumb Media ID: Reference ID for the successfully uploaded compressed cover.
  • Source URL: Original webpage URL attached to the WeChat post's 'Read More' action to ensure correct author attribution.

Web to WeChat Advanced Features

  • Intelligent Headless Fallback: Automatically switches from basic HTML scrapers to modern WebFetch browser rendering when facing JavaScript-heavy single-page applications.
  • Automated Pillow Compression Pipeline: Solves uploading failures by using recursive image sizing to bring cover images under the strict 64KB WeChat API limit.
  • Dynamic Editorial Profiles: Allows users to select between a faithful verbatim import, a summarized newsletter format, or a completely rewritten copy matched to their specific brand voice.
  • Automatic Copyright Attribution: Appends clean standard citation disclaimers and auto-links source URLs to maintain transparency and author relations.
  • Inter-Skill Code Execution: Utilizes companion scripts from other Openclaw Skills smoothly in the background, keeping configuration lightweight and maintainable.

SKILL.md


Loading

Related Openclaw Skills

METADATA

Github Stars: 0
forks: 0

Featured*