canghe-xhs-images — Claude Code skill for infographics
Turns source material into a Xiaohongshu infographic series with selectable visual styles and layouts. Useful for posts, tutorials, and comparisons.
npx skills add freestylefly/canghe-skills --skill canghe-xhs-images -a claude-codeWhat canghe-xhs-images does
The skill examines text or other source material and drafts an outline for a set of images. Choose a visual style separately from the layout; for instance, pair notion with dense for a packed knowledge card.
It checks for preferences in EXTEND.md before starting. If that file is missing, the first-time setup comes first. The workflow then produces an analysis and three outline options, with confirmation steps before image creation. You’ll need to approve the content interpretation and the selected outline and style.
Work is saved in a topic-specific xhs-images/{topic-slug}/ directory. It can contain source files, analysis, outline variants, prompts, and PNG images. When a directory with that slug already exists, the skill adds a timestamp to the new directory name.
What it helps with
- turn an article into a Xiaohongshu image series
- choose a layout for a list or comparison
- draft alternative outlines for an infographic
- keep generated images and prompts together by topic
Example prompts for the agent
- Turn
posts/ai-future/article.mdinto a Xiaohongshu image series. - Create infographics from
posts/ai-future/article.mdusing--style notion --layout dense. - Make a Xiaohongshu comparison series from this text with
--layout comparison.
How to install canghe-xhs-images
1Skills CLI (Vercel)
npx skills add freestylefly/canghe-skills --skill canghe-xhs-images -a claude-code2Manually: put the files in place
~/.claude/skills/canghe-xhs-images/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/canghe-xhs-images/
1Skills CLI (Vercel)
npx skills add freestylefly/canghe-skills --skill canghe-xhs-images -a codex2Manually: put the files in place
.agents/skills/canghe-xhs-images/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add freestylefly/canghe-skills --skill canghe-xhs-images -a cursor2Manually: put the files in place
.cursor/skills/canghe-xhs-images/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install freestylefly/canghe-skills canghe-xhs-images2Manually: put the files in place
.github/skills/canghe-xhs-images/SKILL.md1Skills CLI (Vercel)
npx skills add freestylefly/canghe-skills --skill canghe-xhs-images -a gemini-cli2Platform CLI
gemini skills install https://github.com/freestylefly/canghe-skills --path skills/canghe-xhs-imagesManually: put the files in place
.devin/skills/canghe-xhs-images/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add freestylefly/canghe-skills --skill canghe-xhs-images -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 canghe-xhs-images
How do I install canghe-xhs-images in Claude Code?
Run npx skills add freestylefly/canghe-skills --skill canghe-xhs-images -a claude-code. The skill file is at ~/.claude/skills/canghe-xhs-images/SKILL.md.
What does canghe-xhs-images do?
It analyzes source material, prepares outline options, then creates a Xiaohongshu infographic series and saves its related files in a topic folder.
Can I combine the notion style with the dense layout?
Yes. Style and layout are separate choices; set --style notion --layout dense to combine them.
