关于 ian-handdrawn-ppt
ian-handdrawn-ppt 是将素材转为中文手绘技术演示风格栅格图片的技能,面向需要成品视觉页面而非可编辑幻灯片的用户。它涵盖叙事规划、页面布局与统一的视觉风格。
主要功能
- 01生成成品栅格页面图片
- 02规划幻灯片叙事与页面布局
- 03应用统一的手绘视觉系统
- 04为多页输出制作联系表
- 05检查文本与视觉质量
适用场景
- 01将文章转为视觉页面组
- 02根据想法规划简短演示
- 03制作博客封面与正文插图
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ helloianneo/ ian-handdrawn-ppt --skill ian-handdrawn-ppt安装后在 Claude Code 中输入/ian-handdrawn-ppt确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
.gitignoreassets/theme-tokens.jsonreferences/intake.mdnarrative-planning.mdoutput-quality.mdprompt-patterns.mdslide-archetypes.mdvisual-dna-v6.md详细介绍
Ian 手绘 PPT
将源材料转化为中文手绘技术 PPT 风格的图像组。以商业交付为目标进行优化:叙事清晰、页面类型符合语义、中文短句准确、手绘图表精致,并确保整套页面的视觉风格一致。
操作规则
默认交付成果是使用内置图像生成模型生成的完整栅格页面图像。博客/文章封面默认采用 21:9;正文插图和标准演示文稿页面默认采用 16:9。每页都是最终视觉交付成果,图表和中文文本均包含在图像中。
在此技能中,“PPT”“幻灯片”“页面”和“演示文稿”均指完成的 PPT 风格视觉页面图像,而非可编辑的演示文稿/文档文件。不要仅仅因为用户提到 PPT/PPTX/PDF,就转而制作演示文稿或文档文件。本技能不涵盖可编辑 PPTX、基于图像的 PPTX 和 PDF 导出。
不要将确定性绘图脚本、HTML、SVG、canvas 或 python-pptx 作为风格样例的主要视觉生成工具。允许使用确定性后期处理进行裁剪/缩放、制作联系表,或在已接受生成图像的视觉方向但图像文本保真度不够时,精确叠加文本。
用户要求先规划、列大纲或设计时,先产出规划蓝图。最终交付成果为 PNG 页面图像;若有多页,还需提供联系表。
资源索引
仅加载当前任务所需的参考资料:
references/intake.md:输入类型、缺失信息检查和简洁的澄清规则。references/narrative-planning.md:演示文稿类型选择和叙事结构。references/slide-archetypes.md:从内容类型到幻灯片布局的语义映射。references/visual-dna-v6.md:中文技术 PPT 手绘视觉系统和整套页面风格锁定。references/output-quality.md:最终图像页面的交付要求和验证关卡。references/prompt-patterns.md:用于生成完整图像模型幻灯片页面的提示词模板。
编写提示词时,使用 assets/theme-tokens.json 作为精简主题令牌文件。
博客/文章封面和正文插图使用 assets/reference-handdrawn-article-illustration-style.png 作为当前风格参考图。
如果当前图像工具支持本地参考图,请在生成前加载或附加此风格参考图。如果不支持,请结合主题令牌和 references/prompt-patterns.md 中的参考图匹配说明,并将风格报告为通过提示词匹配,而非通过图像参考匹配。
除非用户明确要求复刻旧版带边框的风格,否则不要使用旧版带边框 PPT 参考图。
工作流
-
摄取材料
- 阅读提供的内容或附件。
- 如果输入是
.pptx,仅提取源内容和视觉意图;不要在此技能中编辑或打包 PPTX。 - 如果输入是
.docx,使用 Documents 插件或技能提取内容。 - 如果输入是
.pdf,使用适合该任务的 PDF/文档工具。 - 如果输入是纯文本、Markdown、笔记或大纲,直接解析。
-
进行需求收集与缺口诊断
- 如果内容范围较广、不完整,或输出要求不明确,请阅读
references/intake.md。 - 确定主题、受众、场景、目标长度,以及源材料是否充分。
- 只有当缺失信息会实质性影响演示文稿时,才提出最多 1-3 个问题。
- 如果没有缺少关键信息,按合理的默认值继续。
- 如果内容范围较广、不完整,或输出要求不明确,请阅读
-
规划演示文稿叙事
- 阅读
references/narrative-planning.md。 - 将演示文稿归类为教学型、说服型、报告型、产品说明型或知识卡片型。
- 逐页创建内容主线:每页都必须有一个核心要点。
- 阅读
-
为每页匹配原型
- 阅读
references/slide-archetypes.md。 - 根据内容语义选择幻灯片布局,不要使用固定的模板顺序。
- 交替使用不同原型,让演示文稿富有节奏感。
- 阅读
-
应用视觉 DNA
- 阅读
references/visual-dna-v6.md。 - 使用简短准确的中文文字、精细的手绘线条、浅色粉彩点缀、少量元素、轻盈的视觉效果、大量留白,并让整份演示文稿采用统一的主版式语言。
- 生成前锁定跨页固定要素:页面用途、画布比例、近白纸张底色、默认无边框、页码、标题样式、标题视觉字号、线条粗细、粉彩配色、角落网格标记、角色规范和间距节奏。
- 所有页面的外层框架保持固定:页码位置、标题区块、下划线、纸张底色、角落标记和视觉比例。仅根据内容调整中间的语义图示区域。
- 默认将博客/文章视觉内容分为两种用途:21:9 封面图和 16:9 正文插图。不要让正文页看起来像封面页。
- 阅读
-
构建输出
- 对于仅需规划的请求,交付结构化蓝图,包含演示文稿类型、页数、标题、核心要点、原型、内容区块、视觉说明和缺失输入。
- 对于制作请求,使用内置图像生成模型,为每张幻灯片/视觉内容生成一张完整页面图像。每个独立页面说明使用一次图像生成调用,不要重复套用通用模板。
- 用户要求封面和正文插图时,除非用户另有指定,否则封面按 21:9 生成,正文插图按 16:9 生成。
- 生成多页内容前,编写一份精简的演示文稿风格锁定说明,并在每页提示词中原样复用。仅为中央图示/内容区添加页面专属布局说明。
- 提示词中的所有可见中文文字都要简短准确。为每页添加
Required text only列表。 - 如果精确中文文字至关重要,或多次生成都无法正确呈现文字,先减少文字量。必要时,生成符合要求的视觉图像,并留出空白标签区,再通过确定性后期处理添加准确文字;最终交付物仍须为栅格页面图像。
- 将最终选定的图像保存到工作区;生成多页内容时,制作一张缩略图总览。
- 检查图像的实际尺寸。如果图像模型返回的原生尺寸接近目标尺寸,应报告实际尺寸;仅在要求严格交付尺寸时,将正文插图调整为 1920x1080,将封面图调整为 2520x1080。
-
验证
- 阅读
references/output-quality.md。 - 检查内容准确性、幻灯片节奏、中文文字准确性、视觉一致性、风格锚点匹配度和商业交付准备情况。
- 如果验证未通过,先修改再最终交付。
- 阅读
默认设置
除非用户另有说明,否则使用以下默认设置:
- 语言:简体中文。
- 受众:有一定技术兴趣、但不一定具备专业知识的中文学习者。
- 幻灯片数量:文章为 8-12 页,课程模块为 15-30 页,简短观点为 5-8 页。
- 输出:最终 PNG 页面图像、联系表以及简短的幻灯片蓝图摘要。
- 博客/文章的视觉比例:封面图为 21:9;正文插图为 16:9。
- 风格:精致的近白色中文手绘技术文章/PPT 插图 V6。
最终回复
完成后,请报告:
- 创建的图像文件夹和联系表路径。
- 页面数量和幻灯片类型。
- 任何重要假设。
- 已执行的验证和仍存在的风险。
如果仅输出规划内容,请直接提供蓝图,并指出制作幻灯片前需要回答的关键问题。