A free guide by Iuliia Sousa

Xiaohei Illustrations – free visual skills from GitHub

A simple way to turn notes, guides, and resources into illustrations that make ideas easier to understand. For Codex, Claude Code, and other compatible AI agents.

2 styles

Choose concepts or scenes.

4–6 images

Explain one idea at a time.

Free skills

Install directly from GitHub.

What it is

Xiaohei is a small black character created by Chinese product designer Ian. He explains ideas through action, turning abstract concepts into simple visual stories.

What is a visual skill?

It gives your AI agent instructions for drawing Xiaohei in a consistent style. Share your material, and the agent can turn its key ideas into illustrations.

Pick a style

Xiaohei Illustrations

For concepts, processes, and visual metaphors.

Hand-drawn lines and a white background keep the focus on one idea at a time. Xiaohei takes part in the explanation, making abstract concepts easier to understand.

Xiaohei building a bridge of evidence between strangers and willing buyers

Xiaohei navigating two breakpoints with a patch and reroute

Original skill English adaptation

Xiaohei Scenes

For relatable situations, emotions, and stories.

This style places the hand-drawn Xiaohei alongside realistic objects in a clean white setting. Books, receipts, signs, and everyday objects become part of the story.

Xiaohei pulling meeting notes into a laptop

Xiaohei reviewing code through a magnifying glass

Get Xiaohei Scenes

Install the skill

Open a compatible AI agent, such as Codex or Claude Code, and paste:

prompt · install skill

Install the illustration skill from this repository: [paste your chosen GitHub link]

Follow any setup prompts. The skill guides the style; creating the images also requires an available image-generation tool.

Create illustrations

Share your notes, article, lesson, or script, then ask:

prompt · create illustrations

Use the installed Xiaohei skill to turn this material into 4–6 clear illustrations for founders looking to grow their personal brand. Explain one key idea per image, keep the style consistent, and use brief English labels and visual metaphors.

Review ideas before generating:

“First, suggest a scene and its labels for each illustration.”

Give context

Tell it who the material is for, what they need to understand, and where the images will appear.

prompt · add context

This is for founders looking to grow their personal brand. Show how sharing expertise, telling authentic stories, and engaging with their audience can build trust over time. Use Xiaohei Illustrations, brief English labels, and a layout suitable for a presentation slide.

Review and refine

Check that each image communicates the intended idea and that its labels are accurate and readable.

01“Simplify the scene and emphasize the main action.”

02“Shorten the labels.”

03“Make the sequence easier to follow.”

04“Use an example beginners will recognize.”

Add the finished visuals to lessons, slides, guides, or posts to help people follow the explanation.

I’m always adding something new here.

Leave your email and I’ll send you the good stuff as it drops.