Back to skills

Guizang Social Card

Xiaohongshu carousels and WeChat cover pairs laid out in HTML and rendered to PNG — no image model needed.

op7418

Social media managers / Writers / Brands

Social coversLicence: AGPL-3.0README: English & ChineseGitHub stars7.3k
GitHub card for op7418/guizang-social-card-skill

Suggested prompts

Written by PicGens as starting points. Click one to copy it, then paste it to your agent once the skill is installed.

About this skill

Guizang Social Card makes the image sets that Chinese social platforms run on: Xiaohongshu (RedNote) carousels, the pair of covers a WeChat official account needs for every article — a wide 21:9 header and a square 1:1 share card — and Live Photo motion cards. It can work from an article, a set of notes, screenshots, your photos or a video you shot.

Unlike most skills in this directory, it does not ask an image model to paint the cards. Instead it lays each card out as a single HTML file and renders it to PNG with Playwright, the browser-automation tool. That approach has real advantages for text-heavy social content: typography is exact, Chinese characters are always correct, layouts are reproducible, and editing a line of copy means re-rendering in seconds rather than regenerating an image and hoping.

There are two visual systems to choose from. “Editorial” is restrained and magazine-like, with generous margins and calm type. “Swiss” is grid-driven and more graphic. Between them the skill offers 28 layout skeletons and 10 theme presets. A validator script checks each card for text overflowing its box, font sizes above the platform’s comfortable maximum and collisions between content and the footer, so problems are caught before you post.

If you do not have images, the skill can source openly licensed photographs from public libraries and records every source in a SOURCES.md file, which keeps attribution honest. For video, it produces motion cards as a JPG and MOV pair and packages them in the format iPhones use for Live Photos.

The skill needs Node and Playwright to render. It is published under the AGPL-3.0, a copyleft licence: you are free to use and modify it, but distributing a modified version, or running it as a service for others, obliges you to share your changes under the same licence. It installs with the skills CLI or by cloning into your Claude Code skills folder.

What it makes

1080×1440 Xiaohongshu card PNGs, WeChat cover pairs and Live Photo packages.

Before you install: Node and Playwright for rendering. AGPL-3.0 licensed.

How to install Guizang Social Card

  1. 1.Skills CLI

    npx skills add https://github.com/op7418/guizang-social-card-skill --skill guizang-social-card-skill
  2. 2.Or clone into Claude Code

    git clone https://github.com/op7418/guizang-social-card-skill ~/.claude/skills/guizang-social-card-skill

Licence and attribution

Guizang Social Card is created and maintained by op7418 and published at github.com/op7418/guizang-social-card-skill under the AGPL-3.0 licence. The summary, suggested prompts and “About this skill” text are written by PicGens. The preview is GitHub’s own social card for the repository. PicGens is not affiliated with the author.

Related skills

All skills →
  • Example output of the Baoyu XHS Images agent skill

    Baoyu XHS Images

    Get a series of up to ten cartoon-style Xiaohongshu cards that walk readers through your article.

    JimLiuGitHub stars: 26k
  • Example output of the Baoyu Cover Image agent skill

    Baoyu Cover Image

    Get a cover image for your article, matched to its topic, in the right shape for your platform.

    JimLiuGitHub stars: 26k
  • GitHub card for anthropics/skills

    Canvas Design

    Get an original poster or art print drawn in code, plus the design philosophy behind it.

    anthropicsGitHub stars: 179k
  • GitHub card for anthropics/skills

    Theme Factory

    Get every deck, doc and page in a project wearing the same palette and font pairing.

    anthropicsGitHub stars: 179k

Looking for prompts instead of a skill?

Browse real poster & visual prompts with the images they made, or give your agent the free PicGens template skill.