Agent skill
Plans and generates 16:9 hand-drawn illustrations for Chinese articles on a white background, with a recurring black character and a few red, orange and blue handwritten notes.
SKILL.md written in Chinese; this summary is our English description.
The automated check flagged lines worth reading first. See the safety section below.
$ npx skills add helloianneo/ian-xiaohei-illustrations --skill ian-xiaohei-illustrations -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install helloianneo/ian-xiaohei-illustrations ian-xiaohei-illustrations --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/helloianneo/ian-xiaohei-illustrations.git skills-src && mkdir -p .claude/skills && cp -r skills-src/ian-xiaohei-illustrations .claude/skills/ian-xiaohei-illustrations && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "ian-xiaohei-illustrations" agent skill from https://github.com/helloianneo/ian-xiaohei-illustrations/tree/main/ian-xiaohei-illustrations into .claude/skills/ian-xiaohei-illustrations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ian-xiaohei-illustrations", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/helloianneo/ian-xiaohei-illustrations/tree/main/ian-xiaohei-illustrationsType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add helloianneo/ian-xiaohei-illustrations --skill ian-xiaohei-illustrations -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install helloianneo/ian-xiaohei-illustrations ian-xiaohei-illustrations --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/helloianneo/ian-xiaohei-illustrations.git skills-src && mkdir -p .agents/skills && cp -r skills-src/ian-xiaohei-illustrations .agents/skills/ian-xiaohei-illustrations && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "ian-xiaohei-illustrations" agent skill from https://github.com/helloianneo/ian-xiaohei-illustrations/tree/main/ian-xiaohei-illustrations into .agents/skills/ian-xiaohei-illustrations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ian-xiaohei-illustrations", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add helloianneo/ian-xiaohei-illustrations --skill ian-xiaohei-illustrations -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install helloianneo/ian-xiaohei-illustrations ian-xiaohei-illustrations --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/helloianneo/ian-xiaohei-illustrations.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/ian-xiaohei-illustrations .cursor/skills/ian-xiaohei-illustrations && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "ian-xiaohei-illustrations" agent skill from https://github.com/helloianneo/ian-xiaohei-illustrations/tree/main/ian-xiaohei-illustrations into .cursor/skills/ian-xiaohei-illustrations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ian-xiaohei-illustrations", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/helloianneo/ian-xiaohei-illustrations.git --path ian-xiaohei-illustrations--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add helloianneo/ian-xiaohei-illustrations --skill ian-xiaohei-illustrations -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install helloianneo/ian-xiaohei-illustrations ian-xiaohei-illustrations --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/helloianneo/ian-xiaohei-illustrations.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/ian-xiaohei-illustrations .gemini/skills/ian-xiaohei-illustrations && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "ian-xiaohei-illustrations" agent skill from https://github.com/helloianneo/ian-xiaohei-illustrations/tree/main/ian-xiaohei-illustrations into .gemini/skills/ian-xiaohei-illustrations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ian-xiaohei-illustrations", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install helloianneo/ian-xiaohei-illustrations ian-xiaohei-illustrationsInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add helloianneo/ian-xiaohei-illustrations --skill ian-xiaohei-illustrations -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/helloianneo/ian-xiaohei-illustrations.git skills-src && mkdir -p .github/skills && cp -r skills-src/ian-xiaohei-illustrations .github/skills/ian-xiaohei-illustrations && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "ian-xiaohei-illustrations" agent skill from https://github.com/helloianneo/ian-xiaohei-illustrations/tree/main/ian-xiaohei-illustrations into .github/skills/ian-xiaohei-illustrations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ian-xiaohei-illustrations", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add helloianneo/ian-xiaohei-illustrations --skill ian-xiaohei-illustrations -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install helloianneo/ian-xiaohei-illustrations ian-xiaohei-illustrations --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/helloianneo/ian-xiaohei-illustrations.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/ian-xiaohei-illustrations .opencode/skills/ian-xiaohei-illustrations && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "ian-xiaohei-illustrations" agent skill from https://github.com/helloianneo/ian-xiaohei-illustrations/tree/main/ian-xiaohei-illustrations into .opencode/skills/ian-xiaohei-illustrations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ian-xiaohei-illustrations", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
ian-xiaohei-illustrationsPlans and generates 16:9 hand-drawn illustrations for Chinese articles on a white background, with a recurring black character and a few red, orange and blue handwritten notes.
This skill designs and generates widescreen illustrations that sit inside Chinese articles, posts, blog entries and Notion or workflow documents. The aim is not commercial illustration, slide-style infographics or cute cartoons but a clean, quirky hand-drawn diagram that turns one key judgment, process, structure, state or metaphor from the text into a single picture. Images use a pure white background, black line art, plenty of empty space and a few handwritten Chinese annotations.
A recurring mascot called Xiaohei, a solid black figure with white dot eyes and thin legs, has to take part in the central action of every image. The workflow reads the article, picks the points that deserve a picture, such as core judgments, breakpoints, loops and before-and-after contrasts, and writes a shot list saying where each image goes and what it shows. It plans four to eight images by default and generates each one separately with the built-in image tool, without waiting for confirmation once you ask for generation. Each result is checked against a QA list, redone if it looks like a slide or has typos, and saved under an assets folder with numbered names.
The folder includes reference files for style, the mascot, composition patterns, a prompt template and the QA checklist, an agent configuration file for OpenAI, and a set of example images used only to calibrate the look, which the agent is told not to copy.
5 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 4102eb8. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Xiaohei Chinese Article Illustrations loads about 470 tokens when it runs, and up to ~3.3k if it reads all its reference files. Until then it costs about 47 tokens; SKILL.md has 100 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found patterns that need a careful read before installing.
如果用户明确要求“生成 / 输出 / 做图 / 帮我生成”，不要停下来等确认；用内置 `image_gen` 每张单独生成。不要把多张图拼在一张里。Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from helloianneo/ian-xiaohei-illustrations at commit 4102eb8, republished under its MIT licence (© helloianneo). 100 words, ~470 tokens.
.claude/skills/ian-xiaohei-illustrations/SKILL.md (or your agent's skills folder). This skill also uses 20 other files; get the full folder from GitHub.为中文文章设计和生成 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/：只作低频视觉校准，不进入默认生成路径。不要照抄这些案例的构图、物件或标注。先读用户给的正文、链接、Notion 页面、Markdown 文件或截图内容。提炼：
不要平均配图。优先选择“认知锚点”，例如：核心判断、两个断点、输入输出闭环、分流、前后对比、一鱼多吃、承接路径、常见坑、角色状态变化。
如果用户只是说“分析怎么配图 / 思考哪些地方需要配图”，先给 shot list。每张图写清楚：
默认 4-8 张。文章很短时 1-3 张；长文也不要轻易超过 9 张。够用就好，避免把正文做成画册。
如果用户明确要求“生成 / 输出 / 做图 / 帮我生成”，不要停下来等确认；用内置 image_gen 每张单独生成。不要把多张图拼在一张里。
每张图只讲一个核心结构。提示词必须包含：
不要复刻过往案例。案例只提供风格密度和小黑参与方式，不能直接复用“传送带断点 / 小黑拉线 / 素材鱼 / 盖章工具箱 / 常见坑路径”等已有构图，除非用户明确要求复刻某张图。每次都要从当前文章重新发明一个奇怪但成立的隐喻。
生成后检查 references/qa-checklist.md。如果出现以下问题，优先重生成或局部编辑：
如果用户在 workspace 内工作，把最终图复制到：
assets/<article-slug>-illustrations/按顺序命名：
01-topic-name.png
02-topic-name.png保留原始生成文件，不要覆盖已有资产，除非用户明确要求替换。
生成前的策略输出要短而准。生成后的交付要包含：
不要长篇解释风格理论；让图自己说话。
© helloianneo, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 20 other files (references, assets) in ian-xiaohei-illustrations of helloianneo/ian-xiaohei-illustrations.
Open the folder on GitHubat commit 4102eb8
We found 3 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 3 other GitHub owners. This page covers the copy in helloianneo/ian-xiaohei-illustrations, which our catalogue first saw on October 7, 2026.
Xiaohei Chinese Article Illustrations next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Xiaohei Chinese Article Illustrations this skillhelloianneo/ian-xiaohei-illustrations | 12k | 3 repos | ~470 | Automated safety check: Warn | MIT | |
| Xhs Visual Directorziguishian/xhs-visual-director-skill | 1.4k | — | ~2.2k | Automated safety check: Pass | MIT | |
| Zy Cinematic Realismpopopo-99/zy-cinematic-realism | 570 | — | ~4.6k | Automated safety check: Pass | CC-BY-NC-4.0 | |
| Article IllustratorJimLiu/baoyu-skills | 27k | 3 repos | ~4.2k | Automated safety check: Pass | MIT | |
| Novel Artsuihe1/short-drama-production | 181 | — | ~1.3k | Automated safety check: Notes | Apache-2.0 | |
| Image DirectorJamailar/Beav | 1.8k | — | ~3.6k | Automated safety check: Pass | Custom licence |
ziguishian/xhs-visual-director-skill
A skill your agent uses when planning, redesigning, or reviewing Xiaohongshu carousel visuals, covers, 3:4 image posts, page-by-page visual direction, image-generation prompts, style selection…
popopo-99/zy-cinematic-realism
Develop supplied scripts, short stories, or synopses into scene understanding, director-facing art concepts, and motivated narrative keyframes; compile scene ideas, visual references, or existing…
JimLiu/baoyu-skills
Reads an article, picks the spots that need visuals, and generates illustrations using a type, style and palette combination for a consistent look.
suihe1/short-drama-production
为 AI 短剧设计场景和叙事道具母本、光照与状态变体，产出 art.json、Markdown、评审报告和可选设定图。用于美术设定、场景与道具一致性；不代替导演调度或成片人流设计。
Jamailar/Beav
A skill your agent uses when the user wants to做一整套图片、组图、卡片图、轮播图、配图包或电商套图.
SpaceZephyr/creator-buddy
Draws chart images such as flowcharts, architecture diagrams, ER diagrams and SWOT boards for WeChat official account articles, in one of six visual styles.
Works with
Categories
Plans and generates 16:9 hand-drawn illustrations for Chinese articles on a white background, with a recurring black character and a few red, orange and blue handwritten notes. This skill designs and generates widescreen illustrations that sit inside Chinese articles, posts, blog entries and Notion or workflow documents. The aim is not commercial illustration, slide-style infographics or cute cartoons but a clean, quirky hand-drawn diagram that turns one key judgment, process, structure, state or metaphor from the text into a single picture.
Xiaohei Chinese Article Illustrations fits situations like: adding hand-drawn illustrations to a Chinese article or blog post; deciding which sections of a long piece need a picture at all; turning a method, workflow or metaphor in a document into one explanatory image; redoing images that came out too crowded or too much like slides.
Run `npx skills add helloianneo/ian-xiaohei-illustrations --skill ian-xiaohei-illustrations -a claude-code`. Or copy the skill folder (ian-xiaohei-illustrations in helloianneo/ian-xiaohei-illustrations) into .claude/skills/ian-xiaohei-illustrations in your project. Claude Code loads it when a task matches its description.
Run `npx skills add helloianneo/ian-xiaohei-illustrations --skill ian-xiaohei-illustrations -a codex`. Or copy the skill folder (ian-xiaohei-illustrations in helloianneo/ian-xiaohei-illustrations) into .agents/skills/ian-xiaohei-illustrations in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add helloianneo/ian-xiaohei-illustrations --skill ian-xiaohei-illustrations -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ian-xiaohei-illustrations, .gemini/skills/ian-xiaohei-illustrations, .github/skills/ian-xiaohei-illustrations and .opencode/skills/ian-xiaohei-illustrations in your project.
SKILL.md names no scripts, command-line tools or credentials: Xiaohei Chinese Article Illustrations is instructions for the agent only. Our summary lists: An image generation tool the agent can call, such as image_gen.
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md flagged 1 warning(s): tells the agent its actions are pre-authorized / not to stop for confirmation. Read the flagged lines before installing; the check is not a guarantee either way.
Xiaohei Chinese Article Illustrations is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 470 tokens (SKILL.md is roughly 1.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 2.9k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Xiaohei Chinese Article Illustrations: Xhs Visual Director (ziguishian/xhs-visual-director-skill, 1.4k stars), Zy Cinematic Realism (popopo-99/zy-cinematic-realism, 570 stars), Article Illustrator (JimLiu/baoyu-skills, 27k stars) and Novel Art (suihe1/short-drama-production, 181 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
helloianneo (a GitHub user) maintains it in helloianneo/ian-xiaohei-illustrations, which has 12,479 GitHub stars. The repository was last updated on September 24, 2026.
Source: helloianneo/ian-xiaohei-illustrations on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.
