helloianneo

Ian Xiaohei Scenes — Development skill for Claude Code

Development community

Xiaohei 2.0 Codex Skill for Chinese real-object article illustrations and long-scroll story images.

How to install Ian Xiaohei Scenes

This entry records only its repository, not the path inside it, so there is no exact command to give. Open helloianneo/ian-xiaohei-scenes and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Ian Xiaohei Scenes does

Xiaohei 2.0 Codex Skill for Chinese real-object article illustrations and long-scroll story images.

Alternatives in Development

README

Ian Xiaohei Scenes

把中文内容里的处境、压力、转折和项目故事,变成“小黑 + 真实物件 + 物理动作 + 留白叙事”的正文配图。

16:9 正文图 | 彩蛋长卷故事图 | 真实物件小现场 | 小黑 IP | Codex Skill


这个仓库是什么

Ian Xiaohei Scenes 是一个 Codex Skill,用来指导 AI Agent 为中文文章、帖子、教程、案例、项目复盘和个人经历生成“小黑 2.0”视觉配图。

它不是通用插画 prompt,也不是 PPT 信息图模板。它的核心目标是:先理解内容里的真实处境,再把其中一个抽象判断变成一个可看见的物理现场。

核心公式:

小黑 + 真实物件 + 物理动作 + 短中文标签 + 留白叙事

一句话:**让读者先看到一个真实、轻、怪的小现场,再在 1 秒内意识到“这说的就是我”。**


和 1.0 的区别

[Ian Xiaohei Illustrations](https://github.com/helloianneo/ian-xiaohei-illustrations) 是 1.0:更像白板上的手绘解释图,适合拆观点、拆流程、拆方法。

Ian Xiaohei Scenes 是 2.0:更像白色摄影棚里的真实物件现场,适合表达处境、情绪、项目故事、产品演化和正文观点隐喻。

版本 视觉核心 适合内容
1.0 Illustrations 纯白手绘解释图 方法论、流程、结构、认知拆解
2.0 Scenes 真实物件小现场 用户处境、工作压力、AI 时代状态、项目复盘、个人经历

两种模式

标准模式

用于 16:9 正文配图。

  • 纯白色背景
  • 一个真实物件小现场
  • 一个核心物理动作
  • 小黑必须承担动作
  • 2-4 个中文短标签
  • 少量蓝 / 粉 / 黄 / 绿 / 红点缀

彩蛋长卷模式

用于个人经历、项目复盘、产品演化和成长路径。

  • 超横版长卷故事图
  • 高级近白背景
  • 一条手绘曲线路径
  • 5-8 个真实物件节点
  • 每个节点都有小黑参与动作
  • 左侧起点,右侧收束
  • 不做编号时间轴,不做 PPT 流程图

适合谁用

特别适合:

  • 写中文文章,需要正文配图的人
  • 做 AI 工作流、产品复盘、个人经历、项目故事的人
  • 想把“打工人处境”“AI 时代焦虑”“创作者卡点”画出来的人
  • 想要比 PPT 信息图更轻、更怪、更有个人识别度的配图风格的人
  • 用 Codex 做内容生产,希望稳定复用一套视觉语言的人

不适合:

  • 想要商业 KV、品牌海报或精致扁平插画的人
  • 想要传统流程图、复杂架构图、课程课件的人
  • 想要聊天 UI、App 截图、仪表盘截图的人
  • 想把大量正文、长段解释或完整流程塞进一张图里的人
  • 需要严格可编辑矢量源文件的人

示例效果

下面 7 张图是本 Skill 的高质量模板母版和风格标尺。它们不是死板模板;使用时应该学习比例、留白、真实物件质感、小黑动作和叙事关系,不要机械复刻物件组合和构图。

会议拉回

![会议拉回](examples/images/01-meeting-pull-in.png)

消息过载

![消息过载](examples/images/02-message-overload.png)

生产报警

![生产报警](examples/images/03-production-alert.png)

审查返工

![审查返工](examples/images/04-code-review-rework.png)

AI 自动化身份重命名

![AI 自动化身份重命名](examples/images/05-ai-automation-badge.png)

AI 简历筛选

![AI 简历筛选](examples/images/06-ai-resume-filter.png)

彩蛋长卷故事图

![彩蛋长卷故事图](examples/images/07-long-scroll-story-master.png)


安装

克隆仓库:

git clone https://github.com/helloianneo/ian-xiaohei-scenes.git
cd ian-xiaohei-scenes

复制 skill 到 Codex