# canghe-infographic

Turn a file or pasted text into an infographic. The skill examines the material, suggests layout and style pairings, and saves the result with its working files.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 511 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-infographic/SKILL.md
- Updated: 2026-06-08
- HTML: https://affpapa.org/en/nevibecode/skills/canghe-infographic

## What it does

Give the skill a content file or paste in text. It examines the subject and data, then recommends combinations from a gallery of 20 layouts and 17 visual styles. Options cover structures such as comparisons, processes, and metrics.

The output goes into `infographic/{topic-slug}/` and includes the source, analysis, structured content, a prompt, and `infographic.png`. Source material is kept verbatim rather than rewritten. Set the layout, style, proportions, and language with `--layout`, `--style`, `--aspect`, and `--lang`. If an `EXTEND.md` preferences file is present, the skill checks it for design preferences.

## Install

### Claude Code (native platform)

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

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

### Codex

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

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

### Cursor

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

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

### GitHub Copilot

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

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

### Gemini CLI

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

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

### Windsurf (Devin Desktop)

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

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add freestylefly/canghe-skills --skill canghe-infographic -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-infographic/SKILL.md

## When to use it
- turn a Markdown file into an infographic
- choose a layout for a comparison or process
- set the visual style and image proportions
- keep analysis files alongside the finished graphic

## Example prompts
- Create an infographic from `path/to/content.md` in portrait format.
- Use a hierarchy layout with a technical schematic look: `--layout hierarchical-layers --style technical-schematic`.
- Make a square infographic in English from this text: `--aspect square --lang en`.

## 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