explaingit

limin112/wechat-publish-template

Analysis updated 2026-06-24

149HTMLAudience · writerComplexity · 1/5LicenseSetup · easy

TLDR

Claude Code skill that converts Markdown drafts into inline styled HTML ready to paste into the WeChat public account editor, using a fixed orange and black 677 pixel layout.

Mindmap

mindmap
  root((wechat-publish-template))
    Inputs
      Markdown draft
      Article assets
    Outputs
      Inline styled HTML
      WeChat ready blocks
    Use Cases
      Publish to WeChat public account
      Standardize article styling
      Skip manual HTML cleanup
    Tech Stack
      Claude Code
      Markdown
      HTML
      Inline CSS
Click or tap to explore — scroll the page freely

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

Convert a blog post Markdown file into HTML that pastes cleanly into the WeChat editor

USE CASE 2

Standardize the look of a Chinese WeChat public account using one fixed orange and black template

USE CASE 3

Skip manual cleanup of disallowed scripts, classes, and external CSS when publishing to WeChat

What is it built with?

Claude CodeMarkdownHTML

How does it compare?

limin112/wechat-publish-templatecclank/x-algorithm-wikialiu-airobot/eseilane
Stars149146136
LanguageHTMLHTMLHTML
Setup difficultyeasyeasymoderate
Complexity1/52/53/5
Audiencewriterresearcherdeveloper

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

How do you get it running?

Difficulty · easy Time to first run · 5min

Clone the repo into the Claude Code skills directory and restart, otherwise the skill will not be discovered.

MIT permits commercial and personal use with attribution and no warranty.

In plain English

This repository turns a Markdown draft into HTML that you can paste directly into the WeChat public account editor (the publishing tool used by Chinese authors on the WeChat platform). The output uses one fixed visual style the author calls orange-black blog-like, with an orange accent color, a deep black, and a light grey, plus a body width of 677 pixels which the README calls the best width for WeChat articles. The project is packaged as a Claude Code Skill, which is a kind of plug-in that Claude Code can discover and trigger on its own when the user's request matches. Install it by cloning the repo into your Claude skills directory, either the user-wide one or a per-project one, and the skill becomes available on next launch. After that, you can ask Claude to convert a Markdown file or paste some Markdown and ask for a public-account article, and the skill produces a standalone HTML file with all styles inlined and no script, style, or class attributes. The README explains that WeChat's editor strips many things, so the skill is built to stay inside those limits. There is no JavaScript, no external CSS, no pseudo-elements, no transform, no class names, images must be re-uploaded inside the editor because external image links are stripped, and links are removed unless they point to whitelisted WeChat URLs. A mapping table shows how Markdown elements map to named blocks such as cover, intro, numbered heading, paragraph, quote, callout, code, steps, figure, checklist, summary, and a follow call-to-action. The repo contains SKILL.md with the workflow, an assets template HTML with the block reference, a WeChat HTML constraints note, and an evals file. The license is MIT.

Copy-paste prompts

Prompt 1
Install the wechat-publish-template skill into my Claude Code project and convert draft.md into a WeChat ready HTML file
Prompt 2
Show me the mapping between Markdown elements and the named blocks like cover, callout, steps, and follow
Prompt 3
Adjust the orange accent color in the template to a brand color of #1e88e5 while keeping the WeChat constraints
Prompt 4
List the HTML features WeChat strips and explain how this skill avoids them
Prompt 5
Write an article in Markdown about Claude Code skills and run it through this template to produce the final HTML

Frequently asked questions

What is wechat-publish-template?

Claude Code skill that converts Markdown drafts into inline styled HTML ready to paste into the WeChat public account editor, using a fixed orange and black 677 pixel layout.

What language is wechat-publish-template written in?

Mainly HTML. The stack also includes Claude Code, Markdown, HTML.

What license does wechat-publish-template use?

MIT permits commercial and personal use with attribution and no warranty.

How hard is wechat-publish-template to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is wechat-publish-template for?

Mainly writer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.