explaingit

sakuraoxo-clio/wechat-publisher

Analysis updated 2026-05-18

26TypeScriptAudience · writerComplexity · 3/5LicenseSetup · moderate

TLDR

A Claude skill that formats articles into WeChat compliant HTML with custom layouts and pushes them to a WeChat draft folder.

Mindmap

mindmap
  root((wechat-publisher))
    What it does
      Formats articles to WeChat HTML
      Inline SVG infographics
      Pushes to draft folder
    Tech stack
      TypeScript
      Claude
      Node js
    Use cases
      WeChat article publishing
      Custom visual layouts
    Audience
      Writers
      Content creators

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Turn a Markdown or text article into custom designed WeChat compliant HTML.

USE CASE 2

Add inline SVG diagrams like comparisons or timelines without using image upload quota.

USE CASE 3

Automatically push a finished article into a WeChat official account's draft folder for review.

What is it built with?

TypeScriptNode.jsClaude

How does it compare?

sakuraoxo-clio/wechat-publisherantonp29/sylvasignerdevagrawal09/specter
Stars262626
LanguageTypeScriptTypeScriptTypeScript
Setup difficultymoderatemoderatemoderate
Complexity3/53/53/5
Audiencewriterdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

One-click publishing needs an authenticated WeChat account and IP allowlisting, manual copy-paste mode needs no setup.

MIT license: free to use, modify, and distribute, including commercially, as long as the license notice is kept.

In plain English

wechat-publisher is a tool built to work with Claude, an AI assistant, to format written articles into the specific HTML style that WeChat's official account platform accepts, then push the finished result straight into that account's draft folder. WeChat only allows a narrow subset of HTML and CSS in its posts, so most conversion tools either wrap content in one fixed template or require manual copy and paste cleanup. This project instead has Claude read a library of reusable design components, such as cover cards, numbered subheadings, quote boxes, and step cards, and hand write the layout for each specific article using those pieces, plus inline SVG diagrams for things like comparisons and timelines that render natively inside WeChat without using up the account's image upload quota. There are two ways to use it. The simple path needs no API keys or an authenticated WeChat account: you have Claude format the article into HTML using the component reference file, preview it in a browser using the included template, and then paste the result into the WeChat editor by hand. The second path is for accounts that already have official WeChat authentication and API access, it runs a script that uploads any local or remote images automatically, converts them if needed, and posts the finished draft directly into the account's draft folder through WeChat's official API, ready for a human to review and publish from the WeChat dashboard. The project also supports a simpler fallback mode that renders a Markdown file into a fixed visual theme, for when full custom layout is not needed. Setup requires copying an example environment file and filling in WeChat app credentials, and optionally an OpenAI key if you want automatic cover image generation. The README documents WeChat's strict formatting rules, such as requiring inline styles instead of CSS classes and a per image size limit, along with a table of common error messages and fixes. It is released under the MIT license.

Copy-paste prompts

Prompt 1
Format this article into WeChat compliant HTML with two SVG infographics using the component library.
Prompt 2
Push this formatted article into my WeChat account's draft folder with a title and cover image.
Prompt 3
Explain WeChat's HTML restrictions and why this tool uses inline styles instead of CSS classes.

Frequently asked questions

What is wechat-publisher?

A Claude skill that formats articles into WeChat compliant HTML with custom layouts and pushes them to a WeChat draft folder.

What language is wechat-publisher written in?

Mainly TypeScript. The stack also includes TypeScript, Node.js, Claude.

What license does wechat-publisher use?

MIT license: free to use, modify, and distribute, including commercially, as long as the license notice is kept.

How hard is wechat-publisher to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is wechat-publisher for?

Mainly writer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.