小黑手绘插画

把文章里的一个意思画明白。

先找出文章中值得用图解释的观点，再让小黑用一个具体动作把它画出来。统一白底、细线和少量中文批注，适合知识文章与工作流说明。

作者 Ian（伊恩）

安装与上手查看 GitHub
小黑转动手绘压机，把写着想法的纸团压成钥匙，周围有简短中文批注。查看完整图片

作者示例：小黑操作压机，把松散的想法压成可以尝试的小测试。

查看图片出处

图片由 Ian 生成并作为风格样例公开。用它们观察线条、留白和小黑的作用；自己的文章需要重新构思画面。本站未实测生图流程。

作者提供的运行方式

  • Codex
GitHub Star
12,951
版本
1.0.0
资料核对
分类
设计与视频

先选一个值得画出来的观点。

从定稿文章里挑一个读者容易卡住的地方，先确定小黑在做什么、这个动作解释了什么，再生成第一张。整篇配图先安排位置和主题，避免各图反复表达同一件事。

选一个任务，开始使用

规划任务只产出配图方案；生成与修图任务需要当前 Codex 会话能够调用图像工具。

这次需要哪一步？

文章已经写好，先判断哪些段落值得配图，以及每张图承担什么解释任务。

  1. 安装完整的小黑技能目录

    以下是作者给出的终端安装步骤，需要先有 Git。进入刚克隆的仓库后，复制的是里面同名的 Skill 子目录；其中的 references、assets 和 agents 要一起保留。命令使用 Unix 路径写法，其他环境请按作者目录结构完成安装。

    git clone https://github.com/helloianneo/ian-xiaohei-illustrations.git
cd ian-xiaohei-illustrations
mkdir -p "${CODEX_HOME:-$HOME/.codex}/skills"
cp -R ./ian-xiaohei-illustrations "${CODEX_HOME:-$HOME/.codex}/skills/"
    查看作者安装说明

    把文章与图像能力准备好

    在文章所在的工作目录打开 Codex，确认能调用这个 Skill。只做配图规划时说明“先不生图”；需要出图时，确认当前会话可使用图像生成或编辑工具，并指定保存位置。

    查看作者的调用示例

  2. 把这段话发给 AI

    这些任务由本站依据作者流程编写。附上可以读取的正文、明确的观点或待修改图片；只有链接而助手无法读取时，请补充正文。

    Use $ian-xiaohei-illustrations 先不要生图。阅读我附上的中文文章，选出值得视觉化的认知转折，给出约 4 张配图的规划；文章不需要这么多时可以减少。每张写明插入哪段之后、要解释的一句话、结构类型、主要物件、小黑的动作和少量中文标注。检查各图是否重复，不要按段落平均分配图片，也不要照搬作者旧案例。

  3. 检查你拿到的结果

    • 每张图都有明确的正文位置和单一核心意思，能说明为什么这里需要图片。
    • 规划列出了结构、小黑动作、关键物件与短标注，可交给生成步骤使用。
    • 图数随文章内容调整，重复表达和只起装饰作用的配图已删减。
    查看这项任务的作者说明
进一步了解这个 Skill

这套 Skill 从文章内容出发选择配图位置。它优先处理读者需要理解的判断、关系或变化，每张图只承担一个解释任务。短文可能只需要一两张图，长文也要先删掉重复的画面想法。

小黑是画面中的行动者：可以操作机器、搬运材料，甚至变成筛选器。它的身体形状有弹性，黑色实心、白色点眼、细腿和认真参与荒诞工作的状态构成识别特征。角色的动作应推动隐喻成立。

视觉规范把纯白底、黑色细手绘线、大量留白和少量中文批注固定下来。橙色负责主要路径，红色突出重点或问题，蓝色提供补充说明；不要求每张图用齐三色。风格可以连续，构图需要随文章重新发明。

工作流涵盖配图规划、逐张生成、局部编辑和文件交付。只要求方案时先出清单；明确要求生成时进入图像步骤。最终将独立 PNG 保存到文章对应目录，附上每张图的用途和路径，便于直接排进正文。

来源与核验

资料核对

已核对作者 README、Skill、五份参考说明、调用示例与样例署名。展示图片来自作者仓库，本站未执行安装或生图实测。

作者说明技能原文角色设定风格与颜色构图选择检查与修图样例署名说明

按其他配图需求继续选择

需要交互解释图、另一种手绘风格或照片转插画时，可继续查看这些技能。

Anatomy把技术机制做成等轴测小装置，交付独立网页、静态 SVG 或 React 组件。橙线插画用黑色细线、留白和暖橙，把文章里的一个判断画成可理解的动作；同一套角色还能贯穿封面与 HTML 演示。Photo Revival选出随手拍里值得留下的记忆点，重新画成白纸上的小幅手绘；鲜明颜色只留在局部，文字退成很小的批注。Taste Skill让 AI 从品牌材料或业务数据出发，确定设计方向、实现网页，并用浏览器截图检查官网与应用界面。