illustrations-to-explain-things: AI Agent Skill for Hand-Drawn Explainer Art

Repositorydiegopetrucci/illustrations-to-explain-thingsTool

An open-source skill for Claude Code and Codex that reads articles and translates abstract concepts into 16:9 hand-drawn explainer illustrations featuring the recurring character Xiaohei.

Key points

  1. English adaptation of Ian's 'ian-xiaohei-illustrations' skill
  2. Generates 16:9 landscape illustrations on white backgrounds with handwritten English labels
  3. Uses a minimalist black figure named 'Xiaohei' to enact visual metaphors
  4. Installs via 'npx skills', as a Claude Code plugin, or as a Codex plugin
  5. Generates 4 to 8 image shot lists per article and exports final PNGs to workspace directories

Why it matters

Communicating complex or abstract ideas in methodology-heavy posts often fails when using generic stock images or standard flowcharts. This project embeds metaphor-driven visual generation directly into AI agent workflows.

Analysis

Diego Petrucci's project serves content creators publishing workflow-heavy or conceptual text who want distinctive, informal visual anchors instead of corporate presentation templates. With 5 stars and no forks, the repository represents an early-stage, niche utility tailored to CLI-based agent environments.

Mentioned links

Found in

Summary generated by AI (Gemini 3.8 Flash, 27 September 2026). It may contain errors – the original source is authoritative.

Related entries

Similar in content, found by the AI search.

  • Repository:helloianneo/ian-xiaohei-illustrations

    Ian Xiaohei Illustrations: A Codex Skill for Hand-Drawn Editorial AI Visuals

    This open-source repository provides a Codex Skill designed to guide AI agents in producing 16:9 hand-drawn editorial graphics for Chinese articles and notes. Featuring the recurring character Xiaohei, it translates cognitive insights and workflows into distinct, minimalist illustrations.

    11kstars

    AI & LLMs· Tool

  • X post:David

    Codex Skill for Hand-Drawn Illustrations and David's Thesis on AI Slop

    David (@dzhng) showcases Ian Neo's open-source Codex skill »ian-xiaohei-illustrations«. Using the tool as an example, he argues that generic AI »slop« is a process issue rather than a model capability flaw, resolvable through structured workflows and strict guidance.

    1.9kbookmarks112.8kviews

    AI & LLMs· Tool

  • Repository:wheresryan22/anatomy

    Anatomy: Agent Skill for Isometric SVG and WebGL Visualisations

    Anatomy is an open-source skill for Claude Code, OpenCode, and Codex that explains complex technical concepts by turning them into detailed physical machinery. It generates interactive isometric figures using SVG, optional WebGL shaders, and 3D effects.

    6.6kstarsJavaScript

    AI & LLMs· Tool

  • Repository:MengTo/Skills

    Agent Skills: Reusable Playbooks for AI Coding Agents

    The GitHub repository MengTo/Skills provides a curated collection of Markdown-based 'agent skills'. It enables designers and builders to guide AI coding agents like Codex, Claude, and Cursor through complex web design, interaction, and 3D rendering tasks.

    6.2kstarsHTML

    AI & LLMs· Resource

  • X post:Meng To

    Anatomy: Agent Skill for Animated Isometric SVG Explainers

    Meng To showcases 'Anatomy', an open-source agent skill by developer Ryan (@wheresryan22) that enables coding agents like Claude Code to generate interactive isometric SVG and WebGL visualisations.

    3.4kbookmarks101.5kviews

    AI & LLMs· Tool

Back to the knowledge base

Let's talk about your project

Get in touch

Locations

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Vienna
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Parts of this content were created with the assistance of AI.