# canghe-xhs-images

Turns source material into a Xiaohongshu infographic series with selectable visual styles and layouts. Useful for posts, tutorials, and comparisons.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 569 installs · ★ 469
- Author: freestylefly
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/freestylefly/canghe-skills/tree/HEAD/skills/canghe-xhs-images/SKILL.md
- Updated: 2026-06-08
- HTML: https://affpapa.org/en/nevibecode/skills/canghe-xhs-images

## What it 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.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add freestylefly/canghe-skills --skill canghe-xhs-images -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/canghe-xhs-images/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/canghe-xhs-images/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add freestylefly/canghe-skills --skill canghe-xhs-images -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/canghe-xhs-images/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add freestylefly/canghe-skills --skill canghe-xhs-images -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/canghe-xhs-images/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install freestylefly/canghe-skills canghe-xhs-images
```

2. **Manually: put the files in place**
- File: `.github/skills/canghe-xhs-images/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add freestylefly/canghe-skills --skill canghe-xhs-images -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/freestylefly/canghe-skills --path skills/canghe-xhs-images
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/canghe-xhs-images/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add freestylefly/canghe-skills --skill canghe-xhs-images -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/freestylefly/canghe-skills/tree/HEAD/skills/canghe-xhs-images/SKILL.md

## When to use it
- 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
- Turn `posts/ai-future/article.md` into a Xiaohongshu image series.
- Create infographics from `posts/ai-future/article.md` using `--style notion --layout dense`.
- Make a Xiaohongshu comparison series from this text with `--layout comparison`.

## Similar
- [frontend-design](https://affpapa.org/en/nevibecode/skills/frontend-design.md) — skill · 1025790 installs
- [grill-me](https://affpapa.org/en/nevibecode/skills/grill-me.md) — skill · 1424476 installs
- [design-taste-frontend](https://affpapa.org/en/nevibecode/skills/design-taste-frontend.md) — skill · 678700 installs
- [prototype](https://affpapa.org/en/nevibecode/skills/prototype.md) — skill · 986201 installs
- [grilling](https://affpapa.org/en/nevibecode/skills/grilling.md) — skill · 979543 installs
- [codebase-design](https://affpapa.org/en/nevibecode/skills/codebase-design.md) — skill · 850344 installs

From the same set: [freestylefly/canghe-skills](https://affpapa.org/en/nevibecode/by/freestylefly/canghe-skills.md) — 10 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md