mcpField
I
ian-handdrawn-ppt

ian-handdrawn-ppt

github.com/helloianneo创意与媒体1.5k93 次安装2 天前更新
代码仓库

关于 ian-handdrawn-ppt

ian-handdrawn-ppt 是将素材转为中文手绘技术演示风格栅格图片的技能,面向需要成品视觉页面而非可编辑幻灯片的用户。它涵盖叙事规划、页面布局与统一的视觉风格。

主要功能

  1. 01生成成品栅格页面图片
  2. 02规划幻灯片叙事与页面布局
  3. 03应用统一的手绘视觉系统
  4. 04为多页输出制作联系表
  5. 05检查文本与视觉质量

适用场景

  1. 01将文章转为视觉页面组
  2. 02根据想法规划简短演示
  3. 03制作博客封面与正文插图

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/helloianneo/ian-handdrawn-ppt --skill ian-handdrawn-ppt

安装后在 Claude Code 中输入/ian-handdrawn-ppt确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

.gitignore
assets/
theme-tokens.json
references/
intake.md
narrative-planning.md
output-quality.md
prompt-patterns.md
slide-archetypes.md
visual-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 参考图。

工作流

  1. 摄取材料

    • 阅读提供的内容或附件。
    • 如果输入是 .pptx,仅提取源内容和视觉意图;不要在此技能中编辑或打包 PPTX。
    • 如果输入是 .docx,使用 Documents 插件或技能提取内容。
    • 如果输入是 .pdf,使用适合该任务的 PDF/文档工具。
    • 如果输入是纯文本、Markdown、笔记或大纲,直接解析。
  2. 进行需求收集与缺口诊断

    • 如果内容范围较广、不完整,或输出要求不明确,请阅读 references/intake.md。
    • 确定主题、受众、场景、目标长度,以及源材料是否充分。
    • 只有当缺失信息会实质性影响演示文稿时,才提出最多 1-3 个问题。
    • 如果没有缺少关键信息,按合理的默认值继续。
  3. 规划演示文稿叙事

    • 阅读 references/narrative-planning.md。
    • 将演示文稿归类为教学型、说服型、报告型、产品说明型或知识卡片型。
    • 逐页创建内容主线:每页都必须有一个核心要点。
  4. 为每页匹配原型

    • 阅读 references/slide-archetypes.md。
    • 根据内容语义选择幻灯片布局,不要使用固定的模板顺序。
    • 交替使用不同原型,让演示文稿富有节奏感。
  5. 应用视觉 DNA

    • 阅读 references/visual-dna-v6.md。
    • 使用简短准确的中文文字、精细的手绘线条、浅色粉彩点缀、少量元素、轻盈的视觉效果、大量留白,并让整份演示文稿采用统一的主版式语言。
    • 生成前锁定跨页固定要素:页面用途、画布比例、近白纸张底色、默认无边框、页码、标题样式、标题视觉字号、线条粗细、粉彩配色、角落网格标记、角色规范和间距节奏。
    • 所有页面的外层框架保持固定:页码位置、标题区块、下划线、纸张底色、角落标记和视觉比例。仅根据内容调整中间的语义图示区域。
    • 默认将博客/文章视觉内容分为两种用途:21:9 封面图和 16:9 正文插图。不要让正文页看起来像封面页。
  6. 构建输出

    • 对于仅需规划的请求,交付结构化蓝图,包含演示文稿类型、页数、标题、核心要点、原型、内容区块、视觉说明和缺失输入。
    • 对于制作请求,使用内置图像生成模型,为每张幻灯片/视觉内容生成一张完整页面图像。每个独立页面说明使用一次图像生成调用,不要重复套用通用模板。
    • 用户要求封面和正文插图时,除非用户另有指定,否则封面按 21:9 生成,正文插图按 16:9 生成。
    • 生成多页内容前,编写一份精简的演示文稿风格锁定说明,并在每页提示词中原样复用。仅为中央图示/内容区添加页面专属布局说明。
    • 提示词中的所有可见中文文字都要简短准确。为每页添加 Required text only 列表。
    • 如果精确中文文字至关重要,或多次生成都无法正确呈现文字,先减少文字量。必要时,生成符合要求的视觉图像,并留出空白标签区,再通过确定性后期处理添加准确文字;最终交付物仍须为栅格页面图像。
    • 将最终选定的图像保存到工作区;生成多页内容时,制作一张缩略图总览。
    • 检查图像的实际尺寸。如果图像模型返回的原生尺寸接近目标尺寸,应报告实际尺寸;仅在要求严格交付尺寸时,将正文插图调整为 1920x1080,将封面图调整为 2520x1080。
  7. 验证

    • 阅读 references/output-quality.md。
    • 检查内容准确性、幻灯片节奏、中文文字准确性、视觉一致性、风格锚点匹配度和商业交付准备情况。
    • 如果验证未通过,先修改再最终交付。

默认设置

除非用户另有说明,否则使用以下默认设置:

  • 语言:简体中文。
  • 受众:有一定技术兴趣、但不一定具备专业知识的中文学习者。
  • 幻灯片数量:文章为 8-12 页,课程模块为 15-30 页,简短观点为 5-8 页。
  • 输出:最终 PNG 页面图像、联系表以及简短的幻灯片蓝图摘要。
  • 博客/文章的视觉比例:封面图为 21:9;正文插图为 16:9。
  • 风格:精致的近白色中文手绘技术文章/PPT 插图 V6。

最终回复

完成后,请报告:

  • 创建的图像文件夹和联系表路径。
  • 页面数量和幻灯片类型。
  • 任何重要假设。
  • 已执行的验证和仍存在的风险。

如果仅输出规划内容,请直接提供蓝图,并指出制作幻灯片前需要回答的关键问题。

评论

支持 Markdown