Ian Xiaohei Illustrations logo

Ian Xiaohei Illustrations

CommunityPopular
helloianneo
ian-xiaohei-illustrations

生成 Ian 风格的中文正文配图。用于用户要求为中文文章、帖子、博客、Notion 文档、工作流文档、方法论、流程、结构、状态、隐喻或观点生成“怪诞”“小黑”“手绘”“正文配图”“文章插图”“配图建议”“shot list”“去标题/改图”等任务；默认使用小黑 IP、纯白手绘、少量红橙蓝批注、简洁清爽但天马行空的视觉风格。

Overview

Publisherhelloianneo
Repositoryian-xiaohei-illustrations
Skill nameian-xiaohei-illustrations
Stars
11.8K
Forks
1.4K
Bundled files
20
LicenseMIT
Links
Skill sourceRepositoryHomepage
  • Markdown instructions

    A SKILL.md file the model loads on demand, so it only costs tokens when a request actually matches.

  • Works with any LLM

    AI skills are plain Markdown, not provider-specific code, so this works with GPT, Claude, Gemini, Grok, or a local model.

  • 20 bundled files

    Scripts, templates, and references the model can read while it works. Files are read-only and never executed.

  • Open source

    Published by helloianneo on GitHub. Read the source before you install it.

Installation

Install the Ian Xiaohei Illustrations AI skill in TypingMind to use it with any LLM, or drop it into another agent that reads SKILL.md.

1

Install in TypingMind

TypingMind installs a skill straight from its GitHub folder — it reads SKILL.md, bundles the resource files, and stores the result locally.

  1. Open the app and go to Plugins → Skills.
  2. Choose "Install from GitHub".
  3. Paste the skill folder URL below and confirm.
  4. Enable the skill in any chat where you want it available.
Plugins → Skills → Add skill → From GitHub URL, then paste the folder URL and press Continue.
2

Install in another agent

Any agent that reads the Agent Skills format can use this skill — copy the folder into that agent's skills directory.

Claude Code — .claude/skills
git clone --depth 1 https://github.com/helloianneo/ian-xiaohei-illustrations.git /tmp/ian-xiaohei-illustrations
mkdir -p .claude/skills
cp -r /tmp/ian-xiaohei-illustrations/ian-xiaohei-illustrations .claude/skills/ian-xiaohei-illustrations
Restart Claude Code after copying so it picks up the new skill.

Use it in TypingMind

Enable Ian Xiaohei Illustrations in any TypingMind chat and the model takes it from there. Its name and description sit in the system prompt, and the moment a request matches, the model loads the full instructions itself — you never invoke it by hand, and it costs no tokens until it is actually used.

The model loads Ian Xiaohei Illustrations on its own as soon as a request matches it.

Works with any AI model

AI skills are plain Markdown instructions rather than provider-specific code, so Ian Xiaohei Illustrations is not tied to the model it was written for. Install it once in TypingMind and use it with GPT-5, Claude, Gemini, Grok, DeepSeek, Mistral, Llama, or a local model you run yourself — all on your own API keys.

  • Loaded only when it is needed

    The system prompt carries just the name and description. The instructions are fetched on the first matching request, so an idle skill costs nothing.

  • Switch models mid-chat

    Because the skill is instructions rather than code, changing model does not break it — the next model reads the same SKILL.md.

Skill instructions

This is the SKILL.md content the model loads. Read it before installing — a skill is instructions your model will follow.

Ian 小黑怪诞正文配图

核心定位

为中文文章设计和生成 16:9 横版正文配图。目标不是做商业插画、PPT 信息图或可爱卡通，而是把文章里的关键判断、流程、结构、状态或隐喻，变成一张清爽、怪诞、有创意、可读但不说明书的手绘解释图。

默认视觉 IP 是“小黑”：黑色实心、白点眼、细腿、空表情，认真做一件荒诞但成立的事。小黑必须参与画面的核心动作，不能只是站在旁边当装饰。

先读这些参考

按任务需要读取，不要一次塞满上下文：

  • references/style-dna.md：风格 DNA、颜色、文字、禁忌。
  • references/xiaohei-ip.md：小黑 IP 的形象、性格、动作库和禁忌。
  • references/composition-patterns.md：结构类型、原创隐喻方法和反复刻规则。
  • references/prompt-template.md：单张生图提示词模板。
  • references/qa-checklist.md：生成后检查和迭代规则。
  • assets/examples/：只作低频视觉校准，不进入默认生成路径。不要照抄这些案例的构图、物件或标注。

工作流

1. 消化正文

先读用户给的正文、链接、Notion 页面、Markdown 文件或截图内容。提炼：

  • 核心观点是什么
  • 哪些段落承担认知转折
  • 哪些内容适合用图解释
  • 哪些地方只适合文字，不需要图

不要平均配图。优先选择“认知锚点”，例如：核心判断、两个断点、输入输出闭环、分流、前后对比、一鱼多吃、承接路径、常见坑、角色状态变化。

2. 先出配图策略

如果用户只是说“分析怎么配图 / 思考哪些地方需要配图”，先给 shot list。每张图写清楚：

  • 放在哪个段落后
  • 图的主题
  • 核心意思
  • 结构类型
  • 小黑在图里做什么
  • 建议元素
  • 建议中文标注词

默认 4-8 张。文章很短时 1-3 张；长文也不要轻易超过 9 张。够用就好，避免把正文做成画册。

3. 单张生成

如果用户明确要求“生成 / 输出 / 做图 / 帮我生成”，不要停下来等确认；用内置 image_gen 每张单独生成。不要把多张图拼在一张里。

每张图只讲一个核心结构。提示词必须包含：

  • 16:9 横版中文正文配图
  • 纯白背景
  • 黑色手绘线稿
  • 少量红色/橙色/蓝色中文手写批注
  • 大量留白
  • 小黑作为核心动作主体
  • 禁止 PPT、商业插画、幼稚可爱、复杂架构、左上角类型标题

不要复刻过往案例。案例只提供风格密度和小黑参与方式，不能直接复用“传送带断点 / 小黑拉线 / 素材鱼 / 盖章工具箱 / 常见坑路径”等已有构图，除非用户明确要求复刻某张图。每次都要从当前文章重新发明一个奇怪但成立的隐喻。

4. 检查与迭代

生成后检查 references/qa-checklist.md。如果出现以下问题，优先重生成或局部编辑：

  • 小黑只是装饰
  • 画面太满
  • 太像流程图/PPT
  • 中文太多或错字严重
  • 左上角出现“常见坑/流程图/系统架构图”等标题
  • 画风太可爱、幼稚、死板
  • 背景不是干净白底

5. 保存交付

如果用户在 workspace 内工作，把最终图复制到：

text
assets/<article-slug>-illustrations/

按顺序命名：

text
01-topic-name.png
02-topic-name.png

保留原始生成文件，不要覆盖已有资产，除非用户明确要求替换。

输出口径

生成前的策略输出要短而准。生成后的交付要包含：

  • 生成了几张
  • 每张图的用途
  • 保存路径
  • 哪些图最稳，哪些图是可选

不要长篇解释风格理论；让图自己说话。

Bundled files

The model reads these on demand while the skill is loaded. They are exposed as readable files and are never executed.

Frequently asked questions

What does the Ian Xiaohei Illustrations AI skill do?

生成 Ian 风格的中文正文配图。用于用户要求为中文文章、帖子、博客、Notion 文档、工作流文档、方法论、流程、结构、状态、隐喻或观点生成“怪诞”“小黑”“手绘”“正文配图”“文章插图”“配图建议”“shot list”“去标题/改图”等任务；默认使用小黑 IP、纯白手绘、少量红橙蓝批注、简洁清爽但天马行空的视觉风格。

Why use Ian Xiaohei Illustrations on TypingMind?

Because you install it once and use it with any model. Ian Xiaohei Illustrations is plain Markdown rather than provider-specific code, so the same skill runs on GPT-5, Claude, Gemini, Grok, or a local model — and you can switch model mid-chat without it breaking. TypingMind runs on your own API keys, so you pay providers directly instead of a per-seat subscription, and your skills and chats stay in your own storage.

How do I install Ian Xiaohei Illustrations in TypingMind?

Open Plugins → Skills → Install from GitHub in TypingMind and paste https://github.com/helloianneo/ian-xiaohei-illustrations/tree/main/ian-xiaohei-illustrations. TypingMind reads its SKILL.md and bundles its files and installs it as a skill you can enable per chat.

Which AI models can use Ian Xiaohei Illustrations?

Any model you connect in TypingMind. AI skills are plain Markdown instructions rather than provider-specific code, so GPT, Claude, Gemini, Grok, and local models can all load this skill when a request matches it.

How many AI models can I use with Ian Xiaohei Illustrations?

As many as you like. As long as a model supports skills, you can use Ian Xiaohei Illustrations with it — GPT, Claude, Gemini, Grok, DeepSeek, Mistral, Llama and more — all on TypingMind with your own API keys.

Is the Ian Xiaohei Illustrations AI skill free?

Yes. It is published on GitHub by helloianneo under the MIT license. You only pay your own AI provider for the tokens you use.

What are AI skills?

An AI skill is a reusable instruction bundle that teaches an AI model how to do one specific task. It follows the open Agent Skills format: a SKILL.md file with a name and description, plus any scripts, templates or reference files the model may need. The model reads the instructions only when your request matches the skill, so an installed skill costs nothing until it is used.

How are AI skills different from plugins or MCP servers?

A plugin or MCP server gives a model new tools to call — code that runs somewhere and returns a result. An AI skill gives the model knowledge and process instead: how to approach a task, which steps to follow, what good output looks like. Skills are plain Markdown, so they need no server, no API key and no runtime, and they work with any model.

Related AI Skills

View all
mattpocock logo

Scaffold Exercises

mattpocock
CommunityPopular

Create exercise directory structures with sections, problems, solutions, and explainers that pass linting. Use when user wants to scaffold exercises, create exercise stubs, or set up a new course…

22.3K
264.4K
1 files
View
affaan-m logo

Api Design

affaan-m
CommunityPopular

Patrones de diseño REST API incluyendo nomenclatura de recursos, códigos de estado, paginación, filtrado, respuestas de error, versionado y rate limiting para APIs de producción.

39.1K
261.1K
Instructions
View
affaan-m logo

Backend Patterns

affaan-m
CommunityPopular

Patrones de arquitectura backend, diseño de API, optimización de base de datos y buenas prácticas del lado del servidor para Node.js, Express y rutas API de Next.js.

39.1K
261.1K
Instructions
View
affaan-m logo

Coding Standards

affaan-m
CommunityPopular

Convenciones de codificación base entre proyectos para nomenclatura, legibilidad, inmutabilidad y revisión de calidad de código. Usar skills de frontend o backend para patrones específicos de…

39.1K
261.1K
Instructions
View

Set up your own AI workspace now

Get notified about new features and future giveaways by subscribing to our newsletter 👇