lijianfei.com

对于每一位独立开发者（Indie Hacker）和移动端出海团队而言，应用开发生命周期中最让人头疼且极度消耗心力的环节，往往不是写代码，而是上架前的应用商店截图（App Store & Google Play Screenshots）制作。

几乎所有开发者都在这个阶段踩过以下“深坑”：

1. 商业 SaaS 订阅刺客：像 AppMockUp、Previewed、Hotpot 等在线工具，动辄按月收费 $19 ~ $29 美元；免费版要么强制加水印、要么锁定 4K 高清导出和批量下载；
2. Figma 模板太重太折腾：非专业设计师打开动辄几个 G 的社区 Figma 模板，光是对齐图层、换机模、调坐标就折腾半天，导出的尺寸还经常被 App Store Connect 报错驳回；
3. 致命的“说明书式截图”认知陷阱：把截图当成了功能说明书，直接往框里塞满密密麻麻的原型界面，在手机搜索列表页里文字比蚂蚁还小，用户 1 秒划走，导致转化率（CVR）奇低；
4. 全套尺寸地狱：iPhone 6.9"（1320×2868）、6.7"（1290×2796）、6.5"（1242×2688）、iPad 12.9"、Android 手机、7寸/10寸平板，外加 Google Play 1024×500 宣传横幅，每次改个字都要重复机械劳动几十次。

知名开源作者 Parth Jadhav（曾打造爆款工具 Tkinter-Designer）开源的 ParthJadhav/app-store-screenshots 彻底终结了这一痛点：它是一个专为现代 AI Coding Agent（Claude Code、Cursor、Windsurf、Antigravity、Codex）打造的自包含能力库（Agent Skill）！

只需一句话，Agent 就会自动在你的本地仓库中脚手架出一套高颜值的 Next.js + Tailwind + ShadCN 专属截图设计工作台。它首创了 Connected Canvas（跨屏连贯画布），让手机机模与装饰元素能像广告大片一样在相邻多张截图中穿梭联动，并严格遵循一套工业级的《高转化设计质量圣经》，生成的所有规格尺寸直出可过审，目前已被多款 App Store 官方上架应用（如 Bloom Coffee Shelf Recipe）实盘验证！

自从 Midjourney、DALL-E 3 和 Flux 等生图大模型普及以来，中文互联网的长文配图迅速滑入了一种奇特的“审美灾难”：文章只要提到思考，就是一颗油腻发光的 3D 玻璃球；提到 AI，就是穿西装的金属机器人站在发光网格上；提到架构，就是花哨到令人眼晕的赛博朋克霓虹灯。

这种厚重、油腻、缺乏灵魂的商业糖水图，不仅无法帮助读者理解文章的核心观点，反而喧宾夺主，散发着浓浓的廉价“AI 罐头感”。而另一边的传统手绘与 PPT 模版，要么绘制门槛极高，要么刻板死气，完全无法与当下以 Claude Code、Codex 为核心的高频创作流水线相融合。

近期在 GitHub 斩获超过 1.1 万 Stars 的爆火开源项目 helloianneo/ian-xiaohei-illustrations，由独立创作者 Ian（伊恩）打造，给出了令人眼前一亮的解法：它不是简单的 Prompt 词包，而是一套专为 AI Coding Agent 打造的系统化配图技能（Codex Skill）。它通过纯白极简底色、手绘微抖线条、克制的红橙蓝三色批注，以及一个黑色实心、认真运转系统的“小黑”角色，让 AI 不再是给文章“插一张图”，而是把最抽象的思考与逻辑，变成极具辨识度的“物理认知隐喻”！

在 AI 辅助内容创作的浪潮中，“AI 生成 PPT”是一个被各类 SaaS 产品反复炒作、却始终难以让专业技术创作者满意的领域。无论 Gamma、MindShow 还是各种所谓的自动排版工具，产出的内容往往充斥着千篇一律的卡片容器、毫无信息增量的商业图标以及密密麻麻的文字轰炸；而直接使用 Midjourney 或通用图像模型，又极易陷入中文乱码、画面过度油腻立体、结构失真等泥潭。

近期开源的 helloianneo/ian-handdrawn-ppt 提供了一种令人耳目一新的解决思路：它并非试图去生成可编辑的 .pptx 文件，而是作为一个运行在 Codex / AI Agent 环境中的高级视觉 Skill，专为技术长文、在线课程与架构剖析量身定制。通过严格的“叙事摄取 -> 语义版式映射 -> 视觉 DNA 锁定 -> 汉字预算控制”全链路，它能直接生成极具极简手绘质感、克制优雅且文字精准的中文技术解释图。

本文将从技术实现机制、视觉设计系统（Visual DNA v6）、Prompt 工程范式以及实战落地技巧四个维度，对这一项目进行硬核深度剖析。