Paper Collage Ppt — Development skill for Claude Code

小耳 PPT 风格馆 · Xiaoer Deck Style Gallery

把一份大纲变成有完整视觉语言的网页 PPT。项目从「小耳剪纸风」起步，现已加入「好奇果冻 3D」「顽趣实验室 3D」与「小耳几何风」，并采用独立风格目录持续扩展。An agent skill by **Xiaoer(小耳)** for creating expressive HTML presentation decks in multiple visual styles.

选择风格

通过 [`style-gallery.html`](./style-gallery.html) 进入风格馆，或访问 GitHub Pages（启用后：）。也可以直接打开对应模板：

风格	视觉特征	适合	入口
小耳剪纸风	手剪纸片、艺术史配色、定格贴入	故事、课程、生活方式分享	`assets/template.html`
好奇果冻 3D	半透果冻字、黏土多巴胺物件、技术网格	设计、创意、年轻化产品演示	`styles/haoqi-3d/demo.html`
顽趣实验室 3D	三色人格、夸张原创怪物、实验室道具、材质反差	产品发布、创意提案、品牌故事	`styles/playful-lab-3d/demo.html`
小耳几何风	模块网格咬合、平涂色块、零渐变零阴影零圆角、出血切断	主题演讲、品牌发布、数据汇报、展览物料	`styles/geo-collage/demo.html`

好奇 3D 使用 ES Modules，需要通过 HTTP 服务预览：`python3 -m http.server 8788`。

剪纸风特性

• 单文件 HTML:双击浏览器即放映(←→ / 滚轮 / 触屏 / 圆点导航),断网可用
• 14 套艺术史经典配色:马蒂斯剪纸 / 蒙德里安 / 包豪斯 / 中国大红剪纸 / 克莱因蓝 / 报纸黑白×印刷红 / 苔绿清晨 / 午夜墨×薄荷 / 莫奈睡莲 / 梵高星夜 / 北斋浪 / 莫兰迪 / 敦煌壁画 / 波普艺术——观众可用左下「✂ 风格」面板一键换肤,附强调色滑杆(只改色相,拖不出脏色)
• 20 种布局骨架:封面 / 目录 / 幕封 / 金句 / 三卡 / 左文右图(.flip 镜像)/ 流程 / 对比 / 数据 / 清单 / 时间轴 / 团队 / 双栏 / 四宫格 / 表格 / 全幅大图 / 问答 / 进度 / 图解 / 收束
• 剪纸工艺系统:手剪轮廓纸片、剪贴字标题(每字一张小纸片)、撕纸山景、和纸胶带、订书钉、半调网点、三层纸质感
• 文字全部真 HTML:永不乱码;插画由 nano-banana 按「实拍纸艺 diorama」配方生成(可选)
• 可编辑 PPTX 导出：剪纸用 python3 scripts/export-pptx-editable.py deck.html --theme t3；好奇 3D 用 python3 scripts/export-haoqi-pptx-editable.py path/to/deck.html --scheme plus。好奇 3D 自动发现任意页数，并可通过 registerPptx3D(...) 将用户新增的任意 Three.js 主体拆为独立透明对象；两者均保留真文本框与可继续编辑的结构。

用法

这是一个 agent skill（Claude Code / Codex / 任意支持 SKILL.md 的框架）。把本仓库放进 skills 目录后，可以说：

• 「用小耳剪纸风做个分享」
• 「用好奇果冻 3D 做一个设计类 deck」
• 「用顽趣实验室 3D 做一个产品发布 deck」
• 「先让我从现有 PPT 风格里选一个」

手动使用：先打开 `style-gallery.html` 选风格。剪纸风复制 `assets/template.html`；3D 风格按对应目录的 `README.md` 使用。

结构

style-gall