育儿手绘 PPT 制作流水线
把任意育儿 / 家庭教育主题素材,走完 内容整理 → 内容制作 → 手绘版 PPT 制作 三段流水线,产出手绘涂鸦风格(暖色便签 + 手绘边框 + 轻微倾斜)的专业幻灯片。
底层 PPT 引擎复用 ppt-implement skill,本 skill 负责在其之上覆盖「手绘暖色风」并串起内容生产流程。
何时使用
- 用户给了一份育儿 / 家庭教育内容(Markdown / Word / 口述),要变成 PPT
- 用户要「手绘风」「涂鸦风」「卡通风」「便签风」「歪一点的」育儿课件
- 触发词:育儿PPT、手绘PPT、家庭教育幻灯片、亲子分享、内驱力 / 习惯养成 / 积分制课件
风格基调(固定,除非用户明确改)
手绘涂鸦暖色风,固定配色与字体见 references/handdrawn-style-guide.md,可直接套用 assets/page-global-config.json。
- 背景:暖米色
#FEFAE0 - 主色:暖橙
#E07A5F/ 青绿#81B29A/ 暖黄#F2CC8F - 文字:深石板
#3D405B - 标题字体:Ma Shan Zheng(手写体);正文:Noto Sans SC(Google Fonts CDN)
- 装饰:手绘边框、SVG 星 / 圈、和纸胶带块、±1°~2° 轻微旋转
> 关于「歪七扭八」:手绘风的倾斜是故意的(装饰 / 边框微转),正文卡内容仍清晰可读。用户嫌太歪时,把旋转降到 0.5° 或去掉即可。
三段流水线
阶段一:内容整理(读 & 提炼)
- 通读用户内容,识别叙事主线。典型育儿结构:痛点场景 → 科学原理 → 方法模型 → 实操规则 → 父母角色 → 分龄落地 → 行动清单。
- 不编造:用户没给的数据 / 案例标「假设数据」或向用户索取。
- 产出简短 reading notes(要点 + 主线),存
docs/product/material.md。
阶段二:内容制作(规划成页)
- 按 金字塔原理 拆页:一页一主题,标题即观点(Action Title)。
- 用
assets/chapter-plan-template.md为每页填:Page Type / 标题 / 副标题 / Content Structure / Image Requirements / Page Weight。 - 标注哪些页需要 AI 配图(封面插画、概念图示、路径图),记到
Image Requirements。 - 产出
docs/product/chapters.md与docs/product/features.md。
阶段三:手绘版 PPT 制作(ppt-implement 引擎 + 手绘覆盖)
- 调用
ppt-implementskill 初始化项目骨架。 - 写入
docs/page-global-config.json=assets/page-global-config.json内容(暖色 + 字体)。 - 封面插画:用 ImageGen 生成「warm hand-drawn illustration, family / parenting scene, cream background, doodle」,按 ppt-implement 要求存入
public/assets/images/,并在images-mapping.json登记;slide-1.js 引用该路径。 - 逐页 slide:每个
frontend/src/slides/slide-N.js套用assets/下模板(封面 / 内容三卡 / 概念图示),保持slide-bg类 + 固定装饰 + 轻微旋转。详见references/handdrawn-style-guide.md。 - 手动接线 index.html(Windows 必踩坑):在「开始加载slide-N.js区域」注释内为每页加
<script type="module" src="/src/slides/slide-N.js"></script>。可一键执行:python scripts/wire-slides.py。详见references/windows-pitfalls.md。 cd frontend && npm run dev起 Vite(端口 5173)。- 截图(Windows 绕过 venv bug):直接用已生成的 venv python 跑
screenshot-ppt.py,见references/windows-pitfalls.md。 - 生成 PPTX:
npm run build:slides后用 pptxgenjs 把截图合成artifacts/presentation.pptx(LAYOUT_16x9,每页满幅图)。 - 收尾:present_files 交付
presentation.pptx。
关键原则
- 内容不编造;少字多图(单页正文 > 50 字警惕);视觉全套一致。
- 具体风格细节、模板、Windows 坑都拆在
references/与assets/,按需读取,保持本文件精简。 - 若用户要的不是手绘风(如商务蓝、极简白),改用对应配色但仍走三段流水线。