Skip to content

Ian Xiaohei Chinese Article Illustrations

Plans and generates hand-drawn, whimsical white-background Chinese illustrations for articles using the Xiaohei character.

Stars
13,036
Licence
MIT
Files
7 files

What it does

When installed, the agent plans where a Chinese article needs illustrations, picks the key ideas to visualize, and proposes a short shot list. When asked to generate, it creates one 16:9 black line-drawing image per key point on a clean white background, with a small black Xiaohei character doing the central action and sparse red, orange, or blue handwritten Chinese annotations. It also checks images against a quality checklist and suggests regenerating when the character is decorative, the image is cluttered, or text has errors.

Great for

  • Chinese-language writers who want a consistent hand-drawn style for blog posts, Notion docs, or methodology articles
  • Content teams producing a few explanatory illustrations per long article
  • Anyone wanting a shot list of where images would help before making them

Skip it if

  • Commercial illustration, PPT-style infographics, or cute cartoon work, which the skill explicitly avoids
  • Non-Chinese content, since the style rules and annotations are built around Chinese text
  • Users who need precise, error-free text in images, because the skill itself flags Chinese text errors as a common generation problem

Try asking

  • “分析这篇文章哪些地方需要配图,给我一个 shot list”
  • “为这段方法论生成一张小黑怪诞配图”
  • “把这篇 Notion 工作流文档做成 4 张正文插图并保存到 assets 目录”
  • “检查这张图是否太满、小黑是否只是装饰,并给出重生成建议”
Step-by-step guide: how to use Ian Xiaohei Chinese Article IllustrationsInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 7 original files, the MIT licence and an attribution note.

    ian-xiaohei-illustrations.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip ian-xiaohei-illustrations.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip ian-xiaohei-illustrations.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Give the full article or a clear section so the agent can pick genuine cognitive anchor points rather than spacing images evenly.
  • Ask for a shot list first, then approve individual images to generate, to keep the article from becoming an illustration book.
  • Review generated Chinese text in each image yourself, since small typos are a known risk for image generation.

What's inside

  • agents/openai.yaml
  • references/composition-patterns.md
  • references/prompt-template.md
  • references/qa-checklist.md
  • references/style-dna.md
  • references/xiaohei-ip.md
  • SKILL.md

Redistributed unmodified from helloianneo/ian-xiaohei-illustrations under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.