Projects / WeChat Style Extractor
WE

WeChat Style Extractor

Design & Creation

A tool for inspecting WeChat-article visual styles and producing a preview and rich text for reusable templates.

Use with conditions
Last updated2026-09-05
Open source licenseMIT
PlatformsWeb

About this project

WeChat Style Extractor reads public WeChat article links and identifies visual parameters such as colors, font sizes, line heights, spacing and content components. It sanitizes and normalizes the fetched HTML, provides an article preview, and can copy rich text for use in an article editor. Its responsive interface can be viewed on desktop or mobile browsers.

The README links an experience website and provides a local Node.js path using npm install and npm run dev, with Node.js 22.13 or later required. The parsing endpoint restricts access to public HTTPS articles on mp.weixin.qq.com and limits redirects, response size and reading time. WeChat can return a security-verification page, which prevents normal parsing.

The code is MIT-licensed, but source articles, images, logos and brand material retain their own rights. Style recognition is heuristic, missing values are omitted or replaced by preview defaults, and copied inline styles are not guaranteed to survive the WeChat editor unchanged. The source repository and the hosted experience site have separate publication paths.

Project sources

  • GitHubDaily

    @GitHub_Daily

    Project recommendation

    Describes creating original layout templates and cautions against copying another person's content.

    View original post

Source labels distinguish recommendations, neutral mentions and the author’s own releases. Commercial relationships are unknown unless an author relationship is shown. Worthary reviews project eligibility separately.

Decision guide
01

Why it is worth a look

  • Inspect colors, typography, spacing and components in public WeChat articles
  • Responsive article preview
02

Before you use it

  • Only public mp.weixin.qq.com articles are accepted
  • Platform security checks may prevent fetching
  • Style statistics and copied formatting are approximate
  • Article and image rights are separate from the MIT code license
Manual setupModerate
With an AI agentModerate
DeploymentNot verified
Additional requirementsNot verified

Only public mp.weixin.qq.com articles are accepted; Platform security checks may prevent fetching; Style statistics and copied formatting are approximate; Article and image rights are separate from the MIT code license; Some requirements have not been verified. Check the official setup instructions.

03

What it can do

  • Inspect colors, typography, spacing and components in public WeChat articles
  • Responsive article preview
  • Rich-text copying for reusable article layouts

Who it fits

Good for

Studying WeChat article typography and layout; Preparing an original reusable article template

Not a fit

Guaranteed pixel-perfect editor round trips; Reusing article text or artwork without appropriate rights

Getting started

  1. Use the documented experience website or prepare Node.js 22.13 or later for a local installation
  2. For local use, install the repository dependencies and start its development server
  3. Submit a public WeChat article, inspect the recognized styles, and test the copied layout in the destination editor