xiaohongshu-cover-generator — Claude Code skill: Xiaohongshu covers
This skill turns a topic into a Xiaohongshu-style cover image and drops the PNG into your current project folder.
npx skills add freestylefly/xiaohongshu-skills --skill xiaohongshu-cover-generator -a claude-codeWhat xiaohongshu-cover-generator does
Give the skill a topic and it generates a vertical 3:4 cover in a clean, youthful style. Watermarks and logos are stripped automatically, and the text is sized to stay readable on a phone. The file lands in the directory you invoked the skill from, not in the skill's own folder. Names follow xiaohongshu-cover-{timestamp}.png, with the timestamp in milliseconds.
Everything runs through one script, scripts/handler.ts, launched with npx tsx. It takes two required arguments: the topic and the API key. You can pass the key as the second argument or set it in the CANGHE_API_KEY environment variable. No valid key means no image, so grab one from api.canghe.ai before you start.
If your topic is vague, the skill asks you to clarify it first. Then it checks the key, runs the script and hands back the finished file. Node and npx are enough to launch it — the command pulls in tsx on its own.
What it helps with
- produce a 3:4 vertical cover from a post headline
- get a cover image without watermarks or third-party logos
- save the finished PNG straight into the project directory
- mock up a cover when no designer is available
- clarify a fuzzy topic and generate the cover in one go
Example prompts for the agent
- generate a Xiaohongshu cover about morning routines
- I need a 小红书 cover for a home workout post
- make an xiaohongshu cover about budget travel
How to install xiaohongshu-cover-generator
1Skills CLI (Vercel)
npx skills add freestylefly/xiaohongshu-skills --skill xiaohongshu-cover-generator -a claude-code2Manually: put the files in place
~/.claude/skills/xiaohongshu-cover-generator/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/xiaohongshu-cover-generator/
1Skills CLI (Vercel)
npx skills add freestylefly/xiaohongshu-skills --skill xiaohongshu-cover-generator -a codex2Manually: put the files in place
.agents/skills/xiaohongshu-cover-generator/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add freestylefly/xiaohongshu-skills --skill xiaohongshu-cover-generator -a cursor2Manually: put the files in place
.cursor/skills/xiaohongshu-cover-generator/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install freestylefly/xiaohongshu-skills xiaohongshu-cover-generator2Manually: put the files in place
.github/skills/xiaohongshu-cover-generator/SKILL.md1Skills CLI (Vercel)
npx skills add freestylefly/xiaohongshu-skills --skill xiaohongshu-cover-generator -a gemini-cli2Platform CLI
gemini skills install https://github.com/freestylefly/xiaohongshu-skillsManually: put the files in place
.devin/skills/xiaohongshu-cover-generator/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add freestylefly/xiaohongshu-skills --skill xiaohongshu-cover-generator -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 xiaohongshu-cover-generator
How do I install xiaohongshu-cover-generator in Claude?
Run npx skills add freestylefly/xiaohongshu-skills --skill xiaohongshu-cover-generator -a claude-code. The skill then lives at ~/.claude/skills/xiaohongshu-cover-generator/SKILL.md.
What does xiaohongshu-cover-generator do?
It generates a Xiaohongshu-style cover image from the topic you give it and saves the result to your current working directory as xiaohongshu-cover-{timestamp}.png.
What do I need before using the skill?
A valid API key from api.canghe.ai. Put it in the CANGHE_API_KEY environment variable or pass it as the script's second argument.
