Skip to content

Xiaohei Article Illustrations

by IanSkillMake visuals

Draws hand-drawn illustrations for Chinese articles, starring a small black character

View on GitHub

The problem it solves

You finished a long Chinese article and each section needs a picture, but stock photos look generic and slide-style diagrams feel stiff.

For Chinese article writersKnowledge content creatorsCodex users

Before
You search stock sites, draw simple diagrams yourself, or publish a wall of text with no pictures.
After
You get a shot list of where each picture goes, then a matching set of 16:9 hand-drawn PNG illustrations saved in your workspace.
Stars
★ 13k
License
MIT
Cost
Usage-based
Level
Intermediate
Contents
Instructions only

Examples

From the project's own repository · 4 images, swipe or use the arrows.

A hand-drawn illustration of Xiaohei lifting a box over a conveyor belt with two marked gaps
Xiaohei drawing one useful note out of a well full of paper, next to a tray of actions
Xiaohei slicing a fish labelled as good material into a series of posts on a timeline
Xiaohei laying small pieces of evidence as a bridge between two cliffs
Image: Ian (MIT). Original file

Overview

This skill helps an AI agent illustrate Chinese articles, posts and documents. It reads your text, picks the ideas worth a picture and plans a shot list of 4 to 8 images, then draws each one as a 16:9 hand-drawn sketch on a white background with a few red, orange and blue Chinese notes. A small black character called Xiaohei acts out each idea. It suits people who write Chinese articles or method guides and want one consistent illustration style.

Each picture turns one idea from your article into a visual metaphor, instead of a generic stock image or a slide-style diagram.

Try these first

Start with the first one: it is a small task you can check easily.

  1. Use $ian-xiaohei-illustrations. Don't draw yet: read this article and give me a shot list of about 5 pictures. [paste article]First try · plan only

  2. Use $ian-xiaohei-illustrations to draw 4 illustrations for this article: [paste article]uses image credits

  3. Use $ian-xiaohei-illustrations to draw one picture for this idea: [one-sentence idea]uses image credits

  4. Use $ian-xiaohei-illustrations to remove the title in the top-left corner of this image and keep everything else.edits an image

Example prompts written by Agent Flows Hub.

What you get

From the creator's documentation.

OutputWhat it isReads
Shot listWhere each picture goes, its main idea, layout type, what Xiaohei does and suggested Chinese labelsWhat you paste
Visual metaphorsA new metaphor for each idea, rather than copies of the example picturesWhat you paste
Finished images16:9 hand-drawn PNGs on a white background, drawn by your agent's image tool; labels can contain typosYour image service
Image fixesEdits an existing picture, for example to remove a stray title or wrong textYour image service
Saved filesFinal PNGs saved in order in an illustrations folder in your workspaceYour files

Good to know

Add illustrations to a Chinese article without falling back on stock photos. The skill first proposes a shot list of where each picture goes and what it shows, then generates each image separately in the same hand-drawn style.

Limits

  • Image models can add typos, extra labels or style drift to the Chinese text in a picture; the author recommends checking each image and keeping labels short.
  • The style is made for Chinese text and a white, sketch-like look. It does not produce editable vector files, slides or commercial poster art.

Notes by (original project name: ian-xiaohei-illustrations), written from the creator's documentation, not from running it ourselves. Ian Xiaohei Illustrations README · ian-xiaohei-illustrations SKILL.md

Stuck setting it up?

Tell us what happened. We take a look first; if it needs paid work, you get an estimate before anything starts.

Get help

Other skills

  • Xiaohongshu Post Uploader Has your agent post a video or picture note to Xiaohongshu, now or at a time you choose
  • Academic Presentations Has Claude build research talks with takeaway titles, results charts and citations
  • Ad Copy Generator Writes batches of ad headlines and text for Google, Meta, LinkedIn, TikTok and X ads
  • AI Music Generator Creates background music, jingles or full songs with lyrics from a description
  • Animated Web Slides Builds a good-looking animated slide deck that opens in any web browser
  • Answer me with HTML Turns your agent's long answers into one readable web page with diagrams and tables

See all 140 skills · A skill is installed but not loading

GitHub