canghe-article-illustrator — Claude Code skill: article illustrations
Reads an article, finds the spots that need a visual, and generates illustrations along two axes: type and style.
npx skills add freestylefly/canghe-skills --skill canghe-article-illustrator -a claude-codeWhat canghe-article-illustrator does
The skill walks through your article and picks out where a picture earns its place: metrics, workflows, side-by-side options, history. It then proposes one of six types — infographic, scene, flowchart, comparison, framework, timeline — plus a visual style. The two dimensions combine freely, so --type infographic --style blueprint is a valid pairing.
The run is staged: pre-check, content analysis, a settings confirmation through AskUserQuestion, an outline in outline.md, image generation, then final insertion. Prompt files land in prompts/NN-{type}-{slug}.md before anything is generated, and their labels have to carry real numbers and terms pulled from the article. Output goes to illustrations/{topic-slug}/.
One thing to know up front: the skill looks for an EXTEND.md file in .canghe-skills/canghe-article-illustrator/ or in your home directory. Miss it and the step blocks, kicking off a first-time setup instead — nothing generates until that finishes.
What it helps with
- place images through a long article without hunting for spots by hand
- turn metrics from the text into an infographic
- draw a flowchart from a described process
- show two options side by side
- keep one visual style across a whole set of images
Example prompts for the agent
- illustrate the article in
posts/architecture.md, type infographic, style blueprint - add images to this article, density per-section
- generate illustrations for the article, type mixed
How to install canghe-article-illustrator
1Skills CLI (Vercel)
npx skills add freestylefly/canghe-skills --skill canghe-article-illustrator -a claude-code2Manually: put the files in place
~/.claude/skills/canghe-article-illustrator/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/canghe-article-illustrator/
1Skills CLI (Vercel)
npx skills add freestylefly/canghe-skills --skill canghe-article-illustrator -a codex2Manually: put the files in place
.agents/skills/canghe-article-illustrator/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add freestylefly/canghe-skills --skill canghe-article-illustrator -a cursor2Manually: put the files in place
.cursor/skills/canghe-article-illustrator/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install freestylefly/canghe-skills canghe-article-illustrator2Manually: put the files in place
.github/skills/canghe-article-illustrator/SKILL.md1Skills CLI (Vercel)
npx skills add freestylefly/canghe-skills --skill canghe-article-illustrator -a gemini-cli2Platform CLI
gemini skills install https://github.com/freestylefly/canghe-skills --path skills/canghe-article-illustratorManually: put the files in place
.devin/skills/canghe-article-illustrator/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add freestylefly/canghe-skills --skill canghe-article-illustrator -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-article-illustrator
How do I install canghe-article-illustrator in Claude?
Run npx skills add freestylefly/canghe-skills --skill canghe-article-illustrator -a claude-code. The skill lands at ~/.claude/skills/canghe-article-illustrator/SKILL.md.
What does canghe-article-illustrator do?
It analyzes article structure, marks the positions that need visual aids, and generates the images. Type controls the information structure, style controls the look.
What do I need before the first run?
An EXTEND.md file with your settings. The skill checks .canghe-skills/canghe-article-illustrator/ and your home directory, and if neither has it, it blocks the step and runs first-time setup.
