deck · 01
A Cartoon Talk · jingma-ppt-skill
把分享塞进
贴纸本里放映
一份单文件 HTML,三种杂志感/瑞士感/卡通感,扔进浏览器就能放映——这是这个 Skill 的用法速览。
👏i
✨
✨
.agents/skills/jingma-ppt-skill
00 · 开场
Q & A
它到底是个啥?三句话讲清楚
一份能跑的单文件 HTML 版 PPT,带翻页、演讲者模式、观众屏同步——不需要服务器、不打包。
内置三种风格 A 杂志 / B 瑞士 / C 卡通,各有 5/4/5 套主题色,从 layouts 骨架粘贴改文案即可。
配合 opencode / Claude Code / Codex 直接对话即可生成:agent 按 SKILL.md 的 7 问澄清 → 拷贝模板 → 填 layout → 自检 → 预览。
01 · 它做啥Q&A
BIG STAT
3
三种风格
10
每风格布局骨架
P
演讲者模式快捷键
单文件即播,WebGL/Canvas 背景在 hero 页透出,Lucide 图标 + Motion One 动效,断网自动降级可读。
02 · 硬数据SKILL.md 摘要
Act II · How to use
第二章 · 六步上线
从澄清需求到现场放映,这个章节只讲一件事:一份 deck 是怎么被一步步搭起来的。
章节封03 · Act
Workflow · 三段
套在哪一段?读 SKILL.md 就够
01
澄清需求
7 问清单先对齐:风格 / 受众 / 时长 / 素材 / 图片 / 主题色 / 硬约束
02
拷贝填模板
拷贝 template*.html,从 themes*.md 选 5/4/5 套主题色之一,再按 layouts*.md 粘 K01–K10 改文案
03
自检 & 预览
跑 validate 脚本对照 checklist,然后浏览器打开 index.html,按 P 测演讲者模式
04 · 流程三段
Three Styles
A · B · C 三种风格 snapshot
05 · 风格快照占位 · 可后期贴图
Usage Mix · 校验脚本
五条命令各管一段
validate-presenter-mode
共用
validate-swiss-deck
B
validate-cartoon-deck
C
check-presenter-runtime-sync
漂移
--target-minutes N
时长
前两个能拦截页面 ID 错位、备注类型、版式登记与时长超 90% 预算;B 版会再跑 Playwright 渲染测量。
06 · 校验scripts/
Before / After
普通 PPT vs Web Deck
PPT
本地 .pptx
动效靠插件、贴纸要从图标库一个一个翻、多设备预览与会场投屏常常糊,版本同步靠手动管理
WEB
Cartoon Deck
单文件 HTML、贴纸内置、演讲者模式 + 观众屏同步、断网降级可读、样式靠 token 一键换肤
07 · 对比Make vs Buy
"让 AI 帮你把 deck 一段段写出来——你只管在脑子里搭骨架,剩下的事丢给 agent、CSS 变量和浏览器。"
— jingma-ppt-skill 设计哲学
2026
金句 takeaway08 · Quote
Thank You
下次写 deck 时
说一句 杂志风 / 瑞士风 / 卡通风 就开跑
关注 jingma-ppt-skill,把 idea 留在贴纸上,把 deck 留在浏览器里。下次见。
✨
.agents/skills/jingma-ppt-skillEND · 收尾