helloianneo

Ian Handdrawn Ppt — Development skill for Claude Code

Development community

中文手绘技术 PPT 整页图像生成 Skill 21:9 封面 + 16:9 正文配图 PNG 输出.

How to install Ian Handdrawn Ppt

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

What Ian Handdrawn Ppt does

中文手绘技术 PPT 整页图像生成 Skill 21:9 封面 + 16:9 正文配图 PNG 输出.

Alternatives in Development

  • Ian Xiaohei Illustrations — 中文小黑怪诞正文配图生成 Skill 16:9 白底手绘 少量红橙蓝批注 Codex Skill 10.2k ★
  • HTML Ppt Skill — HTML PPT Studio — AgentSkill with 24 themes, 31 layouts, 20+ animations for building professional HTML present 8.1k ★
  • Codex Claude Academic Skills — 本仓库包含三个面向学术科研人员的Skills,覆盖从文献阅读、论文写作到科学计算的完整研究工作流 3.2k ★

README

Ian Handdrawn PPT

把文章、课程笔记、提纲或已有材料,变成一套中文手绘技术解释风格的 PPT-style 页面图。

21:9 封面 | 16:9 正文配图 | PNG 输出 | 适合文章配图、课程课件、知识卡片和技术概念解释


这个仓库是什么

Ian Handdrawn PPT 是一个 Codex Skill,用来指导 AI Agent 把内容整理成**中文手绘技术解释图**。

它不是传统 PPT 模板,也不是可编辑 PPTX 生成器。它的目标是产出可以直接用于文章、课程、分享稿里的**整页 PNG 视觉图**:

  • 先理解材料,提炼叙事结构
  • 再把每一页映射到合适的语义版式
  • 统一锁定手绘视觉 DNA
  • 每页生成一张完整 raster image
  • 多页时生成 contact sheet 方便快速检查

一句话:**让 AI 不只是“做几页 PPT”,而是先想清楚内容,再生成一组有统一风格的中文技术解释图。**

推荐生图模型:**最好使用 ChatGPT Image 2.0**。如果当前环境没有这个模型,就使用可用的最高质量图像模型,并尽量让整套图保持同一个模型、同一套 style lock。


适合谁用

特别适合:

  • 写中文技术文章,需要封面图和正文配图的人
  • 做课程、训练营、工作坊,需要解释复杂概念的人
  • 想把长文、提纲、讲稿变成视觉化页面的人
  • 用 Codex 做内容生产,希望减少“模板 PPT 味”的人
  • 想让 AI 先规划页面叙事,再生成图像的人

不适合:

  • 想要可编辑 PPTX 源文件的人
  • 想要自动导出 PDF / PPTX 文件的人
  • 想要复杂动效、交互式网页或矢量图的人
  • 想把大量正文塞进一张图里的人

它会产出什么

默认输出:

  • 21:9 文章封面图
  • 16:9 正文插图 / 标准页面图
  • 多页 contact sheet
  • 简短 slide blueprint summary

默认不输出:

  • 可编辑 PPTX
  • image-based PPTX
  • PDF
  • Keynote 文件
  • HTML / SVG / canvas 版本

视觉风格

这个 skill 默认使用 Ian 的中文手绘技术解释风格:

  • 近白纸底,不发黄
  • 无整页边框
  • 细手绘线条和轻微铅笔排线
  • 淡蓝、鼠尾草绿、浅桃、淡紫标记
  • 中央图小而精,保留大量空白
  • 标题克制,不做大字海报
  • 中文文字短、少、可检查
  • 人物很少,最多一个小读者/工程师角色

参考图在:

ian-handdrawn-ppt/assets/reference-handdrawn-article-illustration-style.png

示例效果

下面是一组用 Ian Handdrawn PPT 生成的示例图:1 张超宽封面 + 3 张正文解释页。

能自动化不等于该自动化

![能自动化不等于该自动化](examples/images/cover-automation-boundary.png)

阅读其实是两件事

![阅读其实是两件事](examples/images/page-01-reading-two-things.png)

自动化该放哪里

![自动化该放哪里](examples/images/page-02-where-to-automate.png)

三问判断法

![三问判断法](examples/images/page-03-three-question-method.png)


安装

克隆仓库:

git clone https://github.com/helloianneo/ian-handdrawn-ppt.git
cd ian-handdrawn-ppt

复制 skill 到 Codex skills 目录:

mkdir -p "${CODEX_HOME:-$HOME/.codex}/skills"
cp -R ./ian-handdrawn-ppt "${CODEX_HOME:-$HOME/.codex}/skills/"

安装后,在 Codex 里使用:

Use $ian-handdrawn-ppt 把这篇文章做成 1 张封面图 + 3 张正文配图。

怎么用

文章封面 + 正文配图

Use $ian-handdrawn-ppt