guizang-social-card-skill
🪧 Claude Code / Codex skill — generate Xiaohongshu carousels & WeChat 21:9+1:1 cover pairs. Editorial × Swiss visual systems, 28 layouts, 10 themes, single-file HTML → PNG. 小红书图文 + 公众号封面对
Guizang Social Card Skill is an AI agent skill that enables Claude Code, Codex, and similar agents to generate professional social media graphics for Xiaohongshu (RedNote) carousels and WeChat covers. It provides 28 layout templates across two design systems—Editorial (magazine-style) and Swiss (minimalist grid)—with 10 color themes, rendering single-file HTML to PNG images. The skill handles everything from article text to user videos, automatically sourcing images from Unsplash, Pexels, and other providers when needed, and includes Live Photo support for short-form video content.
Key Features
Use Cases
- 01Transform long-form articles into multi-slide Xiaohongshu carousel posts with consistent branding
- 02Generate WeChat article cover pairs (21:9 header + 1:1 share card) from product reviews or tutorials
- 03Create travel diary or lifestyle posts with Editorial layouts and user-supplied photos
- 04Build product comparison or data visualization cards using Swiss layouts with KPI towers and bar charts
- 05Turn short user videos into 5-second Live Photo cards for Xiaohongshu with text overlays
- 06Design tutorial or how-to graphics with screenshot beautification and device mockups
Related Skills
View moresuperpowers
An agentic skills framework & software development methodology that works.
skills
Skills for Real Engineers. Straight from my .agents directory.
skills
Public repository for Agent Skills
ponytail
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
guizang-social-card-skill — FAQ
What is guizang-social-card-skill?+
It's an agent skill for Claude Code and Codex that generates social media graphics (Xiaohongshu carousels, WeChat covers, Live Photos) from text, images, or videos using 28 layout templates and 10 design themes.
How do I install this skill?+
Run 'npx skills add https://github.com/op7418/guizang-social-card-skill --skill guizang-social-card-skill' or ask your AI agent to clone the repo into ~/.claude/skills/guizang-social-card-skill. Once installed, trigger it by asking the agent to 'make Xiaohongshu carousel' or 'create WeChat cover.'
Which AI clients support this skill?+
Claude Code and Codex are officially supported. Cursor and other local agents with file system access and shell execution can also use it, though chatbots without file systems cannot.
Do I need API keys for image sourcing?+
No API keys are required. The skill fetches images from Unsplash, Pexels, Flickr CC, and Wallhaven using public endpoints, caching them locally and generating attribution files automatically.
Is this skill free to use?+
Yes, it's open source under AGPL-3.0. You can use, modify, and distribute it freely, but derivative works must also be open-sourced under AGPL-3.0, including network-deployed versions.
Can I customize colors and layouts?+
Layouts can be mixed and matched from 28 templates, but custom hex colors are not allowed—only the 10 curated theme presets are supported to maintain design consistency.
How do I install guizang-social-card-skill?+
Open the source repository on GitHub and follow its README. guizang-social-card-skill is a skill — MCP Agents Market links you directly to the official repo.
Is guizang-social-card-skill free?+
guizang-social-card-skill is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.