[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-82021":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":10,"languages":10,"totalLinesOfCode":10,"stars":11,"forks":12,"watchers":13,"openIssues":13,"contributorsCount":14,"subscribersCount":14,"size":14,"stars1d":15,"stars7d":16,"stars30d":17,"stars90d":14,"forks30d":14,"starsTrendScore":18,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":32,"readmeContent":33,"aiSummary":34,"trendingCount":14,"starSnapshotCount":14,"syncStatus":35,"lastSyncTime":36,"discoverSource":37},82021,"ian-xiaohei-illustrations","helloianneo\u002Fian-xiaohei-illustrations","helloianneo","中文小黑怪诞正文配图生成 Skill | 16:9 白底手绘 | 少量红橙蓝批注 | Codex Skill","https:\u002F\u002Fianneo.xyz",null,3881,341,4,0,85,1751,2611,543,109.6,"MIT License",false,"main",true,[25,26,27,28,29,30,31],"ai-agent","chinese","codex-skill","handdrawn","illustration","image-generation","xiaohei","2026-06-12 04:01:36","# Ian Xiaohei Illustrations\n\n> 把中文文章里的判断、流程、状态和隐喻，变成一张张白底、手绘、怪诞但清爽的正文配图。\n>\n> 16:9 横版 | 小黑 IP | 纯白手绘 | 少量红橙蓝中文批注 | Codex Skill\n\n---\n\n## 这个仓库是什么\n\nIan Xiaohei Illustrations 是一个 Codex Skill，用来指导 AI Agent 为中文文章、帖子、博客、Notion 文档和方法论内容生成正文配图。\n\n它不是通用插画 prompt，也不是 PPT 信息图模板。它的核心目标是：先理解文章里的认知锚点，再把其中一个判断、流程、结构、状态或隐喻，变成一张有记忆点的 16:9 手绘解释图。\n\n默认视觉 IP 是“小黑”：一个黑色实心、白点眼、细腿、空表情的小角色。小黑不是吉祥物，不是贴纸，也不是站在角落里的装饰物，而是正在认真参与系统运转的荒诞工作者。\n\n一句话：**让 AI 不只是“配一张图”，而是把文章里的一个关键认知动作画出来。**\n\n---\n\n## 适合谁用\n\n特别适合：\n\n- 写中文文章，需要正文配图和文章插图的人\n- 做知识型内容、方法论内容、AI 工作流内容的人\n- 想把抽象判断画成具体隐喻的人\n- 想要一种比 PPT 信息图更轻、更怪、更有个人识别度的配图风格的人\n- 用 Codex 做内容生产，希望稳定复用一套视觉语言的人\n\n不适合：\n\n- 想要商业插画、品牌 KV 或精致扁平插画的人\n- 想要传统 PPT 信息图、复杂架构图或流程图的人\n- 想要儿童卡通、可爱 IP、表情包风格的人\n- 想把大量正文、长段解释或完整课程页塞进一张图里的人\n- 需要严格可编辑矢量源文件的人\n\n---\n\n## 它会产出什么\n\n默认输出：\n\n- 16:9 横版正文配图\n- 一篇文章的 4-8 张 shot list\n- 每张图的主题、核心意思、结构类型、小黑动作和中文标注建议\n- 最终 PNG 图片，保存到 workspace 的 `assets\u002F\u003Carticle-slug>-illustrations\u002F`\n\n默认不输出：\n\n- PPTX \u002F PDF \u002F Keynote\n- SVG \u002F HTML \u002F Canvas 可编辑图\n- 商业海报或封面 KV\n- 大段文字型信息图\n\n---\n\n## 视觉风格\n\n这个 skill 默认使用 Ian 的“小黑怪诞正文配图”风格：\n\n- 纯白背景，不要纸纹、米色、阴影、渐变\n- 黑色手绘线稿，细线，轻微抖动\n- 大量留白，主体只占画面约 40%-60%\n- 少量红色、橙色、蓝色中文手写批注\n- 一张图只表达一个核心动作、结构、状态或隐喻\n- 小黑必须参与核心动作，不能只是装饰\n- 怪诞、有创意、清爽，但不幼稚、不卖萌\n\n---\n\n## 示例效果\n\n### 两个断点\n\n![两个断点](examples\u002Fimages\u002F01-two-breakpoints.png)\n\n### 按目的分拣\n\n![按目的分拣](examples\u002Fimages\u002F02-sort-by-purpose.png)\n\n### 一鱼多吃\n\n![一鱼多吃](examples\u002Fimages\u002F03-one-fish-many-uses.png)\n\n### 承接路径\n\n![承接路径](examples\u002Fimages\u002F04-handoff-path.png)\n\n### 信息井\n\n![信息井](examples\u002Fimages\u002F05-information-well.png)\n\n### 想法压机\n\n![想法压机](examples\u002Fimages\u002F06-idea-press.png)\n\n### 内容发酵\n\n![内容发酵](examples\u002Fimages\u002F07-content-fermentation.png)\n\n### 信任桥\n\n![信任桥](examples\u002Fimages\u002F08-trust-bridge.png)\n\n这些图片是风格校准样例，不是构图模板。使用时应该从当前文章重新发明隐喻，不要照抄旧案例的物件和构图。\n\n---\n\n## 安装\n\n克隆仓库：\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fhelloianneo\u002Fian-xiaohei-illustrations.git\ncd ian-xiaohei-illustrations\n```\n\n复制 skill 到 Codex skills 目录：\n\n```bash\nmkdir -p \"${CODEX_HOME:-$HOME\u002F.codex}\u002Fskills\"\ncp -R .\u002Fian-xiaohei-illustrations \"${CODEX_HOME:-$HOME\u002F.codex}\u002Fskills\u002F\"\n```\n\n安装后，在 Codex 里使用：\n\n```text\nUse $ian-xiaohei-illustrations 为这篇中文文章设计并生成 5 张小黑怪诞正文配图。\n```\n\n---\n\n## 怎么用\n\n### 只做配图规划\n\n```text\nUse $ian-xiaohei-illustrations 先不要生图。\n请分析下面这篇文章哪里值得配图，输出 5 张左右的 shot list。\n每张图写清楚：放在哪段后、主题、核心意思、结构类型、小黑在做什么、建议中文标注词。\n\n\u003C粘贴文章>\n```\n\n### 直接生成正文配图\n\n```text\nUse $ian-xiaohei-illustrations 把下面这篇文章生成 4 张小黑怪诞正文配图。\n要求：16:9 横版、纯白背景、黑色手绘线稿、少量红橙蓝中文手写批注。\n\n\u003C粘贴文章>\n```\n\n### 为单个概念生成一张图\n\n```text\nUse $ian-xiaohei-illustrations 为“信任不是喊出来的，而是一块证据一块证据铺过去”生成一张正文配图。\n画面要怪诞但清爽，小黑必须承担核心动作。\n```\n\n### 去掉图里的标题或错误文字\n\n```text\nUse $ian-xiaohei-illustrations 帮我编辑这张图，去掉左上角的“流程图”标题，其他内容保持不变。\n```\n\n更多示例见 [examples\u002Fprompts.md](examples\u002Fprompts.md)。\n\n---\n\n## 工作流程\n\n这个 skill 的流程是：\n\n1. 读取文章、Markdown、Notion 内容、截图或用户给的主题\n2. 提炼核心观点、认知转折、流程结构和适合视觉化的段落\n3. 先输出 shot list：每张图只选一个认知锚点\n4. 为每张图选择结构类型：Workflow、系统局部、前后对比、角色状态、概念隐喻、方法分层、地图路线或小漫画分镜\n5. 重新发明一个低科技、怪诞但成立的物理隐喻\n6. 让小黑承担核心动作\n7. 每张图单独调用图像模型生成\n8. 按 QA checklist 检查：白底、留白、小黑动作、中文标注、非 PPT 感、非旧案例复刻\n9. 保存最终 PNG，并报告用途和路径\n\n---\n\n## 目录结构\n\n```text\n.\n├── README.md\n├── LICENSE\n├── NOTICE.md\n├── assets\u002F\n│   └── ian-wechat-qr.jpg\n├── examples\u002F\n│   ├── images\u002F\n│   │   ├── 01-two-breakpoints.png\n│   │   ├── 02-sort-by-purpose.png\n│   │   └── ...\n│   └── prompts.md\n└── ian-xiaohei-illustrations\u002F\n    ├── SKILL.md\n    ├── agents\u002F\n    │   └── openai.yaml\n    ├── assets\u002F\n    │   └── examples\u002F\n    └── references\u002F\n        ├── style-dna.md\n        ├── xiaohei-ip.md\n        ├── composition-patterns.md\n        ├── prompt-template.md\n        └── qa-checklist.md\n```\n\n真正需要安装到 Codex 的是子目录：\n\n```text\nian-xiaohei-illustrations\u002F\n```\n\n根目录的 README、LICENSE、NOTICE 和 examples 是 GitHub 分享文档。\n\n---\n\n## 注意事项\n\n- 图片里的中文文字越短越稳定。\n- 每张图只讲一个核心结构，不要把文章做成说明书。\n- 小黑必须承担核心动作；如果去掉小黑画面仍然完全成立，说明小黑太装饰了。\n- 示例图只用于校准线条密度、留白、颜色克制和小黑参与方式，不要复刻构图。\n- AI 图像模型可能出现错字、幻觉标签、风格漂移或多余标题，生成后需要检查。\n- 如果中文错字严重，优先减少标注词并重生成。\n\n---\n\n## 相关项目\n\n- [Ian Handdrawn PPT](https:\u002F\u002Fgithub.com\u002Fhelloianneo\u002Fian-handdrawn-ppt) — 中文手绘技术 PPT-style 页面图生成 Skill\n- [Awesome Claude Code Skills](https:\u002F\u002Fgithub.com\u002Fhelloianneo\u002Fawesome-claude-code-skills) — Claude Code Skills \u002F Agents \u002F Plugins 精选合集\n- [Obsidian + Claude AI Second Brain](https:\u002F\u002Fgithub.com\u002Fhelloianneo\u002Fobsidian-ai-second-brain) — Obsidian + Claude AI 个人知识库搭建指南\n\n---\n\n## 关于作者\n\n**Ian (伊恩)** — 产品设计师 \u002F 一人公司实践者 \u002F AI Builder\n\n用 AI 团队打造一人公司。\n\n- GitHub: [helloianneo](https:\u002F\u002Fgithub.com\u002Fhelloianneo)\n- X\u002FTwitter: [@ianneo_ai](https:\u002F\u002Fx.com\u002Fianneo_ai)\n- 网站: [ianneo.xyz](https:\u002F\u002Fianneo.xyz)\n- 微信: `ianneoxyz`\n- 邮箱: hello.neoc@gmail.com\n\n---\n\n## 继续探索\n\n这套小黑配图 Skill，只是我用 AI 搭建个人生产系统里的一个小工具。\n\n如果你也在用 AI 做内容、知识库、工作流或产品化，可以继续看我的网站：[ianneo.xyz](https:\u002F\u002Fwww.ianneo.xyz\u002F)。\n\n只想先观察，可以关注我的 [X\u002FTwitter](https:\u002F\u002Fx.com\u002Fianneo_ai)。\n\n想了解 Indie Builders Club，加微信：`ianneoxyz`，备注「OPC」。\n\n\u003Cp>\n  \u003Cimg src=\"assets\u002Fian-wechat-qr.jpg\" alt=\"Ian 微信二维码\" width=\"120\">\n\u003C\u002Fp>\n\n不方便扫码也可以搜索微信：`ianneoxyz`。\n\n---\n\n## License\n\nMIT License. See [LICENSE](LICENSE).\n","Ian Xiaohei Illustrations 是一个 Codex Skill，用于为中文文章生成16:9横版、白底手绘的正文配图。其核心功能是将文章中的关键认知点转化为怪诞但清爽的手绘插图，每张图仅表达一个核心动作或隐喻，并使用少量红橙蓝中文批注。默认视觉IP是一个名为“小黑”的黑色实心角色，它参与图中的核心动作。该项目适用于需要为中文文章、博客、Notion文档等生成具有个人识别度和创意性配图的场景，特别适合知识型内容创作者和方法论撰写者。",2,"2026-06-11 04:07:31","CREATED_QUERY"]