Guizang Social Card Skill
Agent skill that builds social card carousels and paired covers from an article, screenshots, notes or video in two visual systems
- 8,080 ★ on the repository
- Last commit
- AGPL-3.0
Extended access
Why this level
- Runs render scripts on Node.js and Playwright
- Downloads images from external photo libraries into the project
Install
- Works in
Manual install
npx skills add https://github.com/op7418/guizang-social-card-skill --skill guizang-social-card-skillInstalls the skill into the agent's skills directory.
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- Runs render scripts on Node.js and Playwright
- Downloads images from external photo libraries into the project
This is third-party code. Review the repository files before installing.
What it does
The skill turns an article, copy, screenshots, photos or video into ready sets of social cards. It works in two visual systems: a restrained editorial one in the spirit of print magazines, and a grid-first Swiss style with a single accent color and high type contrast. There are three canvas sizes, a set of 28 layouts and 10 color presets, plus motion cards where a short video takes the place of a still frame. Images are user-supplied first, otherwise the skill sources them through a chain of photo libraries and stores them locally with a sources file. Layout lives in a single HTML file, rendering to PNG runs on Playwright, and a built-in validator checks overflow, text caps and layout collisions.
Who it is for. For content creators, social media managers and designers who prepare social cards and article covers.
Good fit when
- You need to build a carousel of cards from an article or product review
- You need a paired article cover: a wide one and a square one in one style
- You need a motion card with a short video instead of a still frame
Not a fit when
- You need a horizontal slide deck, which the author covers with a separate skill
- You need to edit a long video rather than a short motion card
- You need pure photo retouching without layout or text extraction
Example request
Make a five card carousel from this article in Swiss style with a blue accentLimitations
The skill is tuned for Xiaohongshu and WeChat, so formats and captions target those platforms. Rendering needs Node.js and Playwright, and motion cards need the user's own source video. The author honestly puts some categories out of scope, such as photography showcase posts and full-body outfit shots. It is AGPL-3.0 licensed; commercial use needs a separate license described in the commercial licensing file.
How to disable. Remove the guizang-social-card-skill folder from the agent's skills directory, for example ~/.claude/skills/.
FAQ
How is this different from the author's PPT skill?
It is a separate project with a shared visual language. The PPT skill makes horizontal decks, this one builds static feed cards and covers.
Where do the images come from?
User images are used first. If there are none, the skill sources through a chain of photo libraries, downloads them locally and creates a sources file.
Discussion
No questions or reviews yet.
Related
SkillsA skill that turns text or a link into a magazine-style info card and shoots a PNG with Playwright, splitting tall ones into parts
An agent skill that builds a dense, magazine-style information card from text and returns it as HTML and PNG
A WeChat article layout skill: turns Markdown into paste-ready HTML with inlined styles that survives pasting into the official account editor
A Codex skill that turns photos, receipts and pets into a humorous social post with a 3:4 poster brief and an image prompt.
The skill lays an article or case out as a 3:4 Xiaohongshu carousel from 20 templates: storyboard first, then PNG and HTML.
Eleven skills for Claude Code and Codex turn an article or video into Xiaohongshu cards, long images and a narrated short video.
Comparison with similar tools
Cards that share the main search query, and how they differ.
| Tool | Official | Repository stars | Main difference |
|---|---|---|---|
| Guizang Social Card Skill (this card) | no | 8,080 | |
| infocard-skills | no | 517 | an agent skill that builds a dense |
| Oh My Cover Design | no | 287 | a skill reads your article |
README in short
The README presents a skill for agents like Claude Code and Codex that makes card carousels, motion cards and paired covers. It describes two visual systems, three canvas sizes, 28 layouts and 10 color presets, plus an image sourcing chain and single-file HTML rendering to PNG via Playwright. Installation uses npx skills add or cloning into the skills directory, with updates via git pull. It gives example prompts and a table of motion card layouts. It also states scope limits: photography showcase posts and full-body outfit shots are out of scope.
README badge
Original SKILL.md
--- name: guizang-social-card-skill description: Generate Guizang-style social card image sets, Live Photo motion cards, material-first Live Photo puzzle layouts, triple Live Photo collages, long-video-to-Live-Photo treatments, and WeChat official account cover pairs from articles, scripts, screenshots, product notes, subtitles, photos, or user-supplied videos. Use when the user asks for social cards, carousel images, 3:4 covers, Live Photo, WeChat covers, Swiss Style, or magazine-style social images. --- # Guizang Social Card Skill Create polished social card packages for Xiaohongshu/Rednote, WeChat Official Account, article covers, and platform thumbnails. This skill is self-contained. It borrows visual principles from the Guizang PPT style system, but it must not edit the original PPT skill, its templates, or its references. Generated work must live in a task folder, not in the skill root. ## What To Produce Use this skill for: - Social card / carousel image sets: cover plus content pages, especially Xiaohongshu/Rednote 3:4. - Short Live Photo motion cards when the user asks for Live Photo and supplies video evidence or screen recordings. - Material-first Live Photo puzzle layouts with single-video, two-grid, three-grid, or four-grid motion cards. - WeChat Official Account cover pairs: one 21:9 main cover plus one 1:1 square cover. - Screenshot-heavy product posts, article covers, tutorial carousels, outdoor/lifestyle notes.