guizang-social-card-skill — Claude Code skill for social cards
Builds carousel images and covers for Xiaohongshu, WeChat, and articles from text, screenshots, or video using Swiss design and magazine layouts.
npx skills add op7418/guizang-social-card-skill --skill guizang-social-card-skill -a claude-codeWhat guizang-social-card-skill does
The skill turns an article, script, product screenshot, or video into a set of social images: a cover plus content pages in 3:4 for Xiaohongshu, a 21:9 + 1:1 cover pair for WeChat, or a Live Photo motion card instead of a still. Inside: HTML rendering, electronic-magazine palettes, modular grids, and components for screenshots, maps, and headlines.
Visual logic follows the Guizang Swiss style: large typography, clean grids, accent blocks. For 11 common Xiaohongshu categories (travel, workplace, games, film, fitness, home, makeup, food), layout recipes are ready; for OOTD shoots and dreamcore aesthetics, the skill does not fit — it does not generate photos but composes layouts from what you supply. Live Photo is assembled from short clips: one video, two in a grid, three in a collage, or trimmed from a longer recording.
What it helps with
- Build a 3:4 carousel for Xiaohongshu from an article or notes
- Compose a 21:9 + 1:1 cover pair for a WeChat Official Account post
- Wrap a product screenshot or tutorial in a Swiss-layout card
- Turn a short video into a Live Photo for social instead of a still cover
- Arrange three videos into a triple Live Photo collage inside one card
Example prompts for the agent
- Build a Xiaohongshu carousel from this Kyoto travel article
- Make WeChat 21:9 and 1:1 covers from these release notes
- Turn
screen-recording.movinto a Live Photo for a Rednote card
How to install guizang-social-card-skill
1Skills CLI (Vercel)
npx skills add op7418/guizang-social-card-skill --skill guizang-social-card-skill -a claude-code2Manually: put the files in place
~/.claude/skills/guizang-social-card-skill/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/guizang-social-card-skill/
1Skills CLI (Vercel)
npx skills add op7418/guizang-social-card-skill --skill guizang-social-card-skill -a codex2Manually: put the files in place
.agents/skills/guizang-social-card-skill/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add op7418/guizang-social-card-skill --skill guizang-social-card-skill -a cursor2Manually: put the files in place
.cursor/skills/guizang-social-card-skill/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install op7418/guizang-social-card-skill guizang-social-card-skill2Manually: put the files in place
.github/skills/guizang-social-card-skill/SKILL.md1Skills CLI (Vercel)
npx skills add op7418/guizang-social-card-skill --skill guizang-social-card-skill -a gemini-cli2Platform CLI
gemini skills install https://github.com/op7418/guizang-social-card-skillManually: put the files in place
.devin/skills/guizang-social-card-skill/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add op7418/guizang-social-card-skill --skill guizang-social-card-skill -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about guizang-social-card-skill
How to install guizang-social-card-skill in Claude Code?
Run npx skills add op7418/guizang-social-card-skill --skill guizang-social-card-skill -a claude-code, then open ~/.claude/skills/guizang-social-card-skill/SKILL.md.
What does guizang-social-card-skill do?
The skill builds image sets for Xiaohongshu, WeChat, and article covers from text, screenshots, or video: 3:4 carousels, 21:9 + 1:1 cover pairs, Live Photo motion cards. Uses Swiss layouts and magazine palettes.
Can it generate OOTD photos or dreamcore images?
No. The skill composes layouts from materials you supply: text, screenshots, video. It does not create outfit photography, food shots, or atmospheric decorative frames — those need a sourced image library.
