name: lanshu-html-ppt-templates description: 基于 20 套岚叔 HTML 演示模板创建、改写和定制演示文稿，支持商务汇报、路演、发布会、数据叙事与交互演示。用户需要 HTML 幻灯片、网页 PPT 或使用这些模板制作演示时使用。 metadata: author: Lanshu version: "1.0.0"

岚叔 HTML 演示模板

使用 assets/templates/ 的完整单文件模板制作可直接放映的 HTML 演示。在线目录：https://ppt.lanshuagent.com/；作者：https://x.com/LufzzLiz。

选择模板

先读 references/template-catalog.md，按内容、受众和交付格式选型。用户已指定风格时沿用；未指定时根据材料选择，并简短说明。无需为常规样式选择额外确认。

• 商务汇报、战略和信息密集内容：07-consulting、01-swiss。
• 融资路演、产品和技术发布：04-brutalism、03-aurora、17-terminal。
• 品牌、文化、策展和生活方式：02-editorial、08-oriental、09-organic、18-riso、19-collage。
• 数据分布和连续叙事：11-morph；可调业务假设：14-live-model；地域和全球网络：20-globe。
• 用户需要多页 PDF 时，优先选择目录中标注有多页打印样式的模板；打印效果仍需实际检查。

创建与修改

命令中的路径相对于本 skill 目录；先定位 skill 的实际安装位置。

python3 scripts/deck.py list
python3 scripts/deck.py new 07-consulting --output /path/to/outputs/presentation.html --title "演示标题"
python3 scripts/deck.py source 07-consulting
python3 scripts/deck.py inspect /path/to/outputs/presentation.html

new 复制完整模板，保留字体和脚本，拒绝覆盖已有文件。--title 只修改浏览器标题，页面正文需要继续改写。source 仅在终端隐藏字体 Base64，保留原始行号；不要把它的输出保存成演示文件。

执行前阅读 references/authoring.md。对选中的 HTML 做定点修改：

1. 根据用户材料建立逐页叙事，再替换标题、正文、图表数据、页眉页脚与品牌。优先复用现有版式，按内容增删页。
2. 保留播放内核依赖的 ID、class、data-*、事件绑定与图表接口；改变页面数量时同步页码、生成数组和备注数量。
3. 更新 script#deck-notes 中的 JSON 数组，让备注顺序与实际放映顺序一致。模板样例中的公司、数字、来源文字和联系方式需要替换或删除。
4. 输出独立 HTML。静态图形优先使用 SVG/CSS，实时图形沿用现有 Canvas；新增资源需内嵌或随演示一同交付。

模板的中文字体按原文字符裁剪。新增文字可能使用系统字体回退；在没有完整字体源和重新裁剪工具时，优先统一使用现有系统中文字体栈，并检查版面。保留原有字体许可说明。

交互与导出边界

• 普通模板使用 .slide；无限画布、电影、空间界面、终端、拼贴各有独立数据结构，具体见作者指南。
• 14-live-model 的模型参数、现金流和绑定元素需要一起修改；演讲者预览是独立实例，默认不会同步主屏临时调整的模型参数。
• 17-terminal 是终端外观的网页演示，显示的命令属于页面内容。
• 12-generative 每次运行可能得到不同画面；需要可复现结果时固定种子。
• 当前提供 HTML 与部分模板的浏览器打印 PDF；交互和动画由浏览器播放。需要可编辑 .pptx 时明确说明格式差异，再按用户选择另行转换。
• 公网部署仅在用户要求时执行。修改配置中的域名不会自动取得新域名或发布权限。

校验和交付

python3 scripts/deck.py validate /path/to/outputs/presentation.html

该命令检查备注 JSON 和内联 JavaScript 语法；需要本机 Node.js 才能完成 JavaScript 检查。它不执行页面脚本。

在可用的浏览器里检查首尾页、关键图表、最长正文、翻页、全屏、演讲者备注和交互；有 PDF 要求时检查实际打印结果。无法运行浏览器时说明已做的静态检查和未验证部分。

交付 HTML 的可用路径、页数和必要的播放说明。用户要求 PDF 时一并交付验证过的 PDF；说明交互状态和动画在导出中的实际表现。

lanshu-html-ppt-templates

20 套专业 HTML 演示模板 · 226 页完整示例 · 一个可复用的 AI Skill

从咨询报告、融资路演到数据变形和实时模型，把内容、设计与交互放进一个 HTML 文件。直接选模板改稿，也可以将整套资源安装为 Skill，让 AI 助手完成选型、内容改写和演示制作。

GitHub 源码 · 在线浏览全部模板 · 下载完整 Skill 与源码 · 使用指南 · 在 X 关注岚叔

动态宫格总览

两组宫格，一支 24 秒完整视频。 前 12 秒展示 01—10 套，后 12 秒展示 11—20 套，呈现真实的转场、图表动画、Canvas 绘制与参数联动。

https://github.com/user-attachments/assets/486a9cb5-3202-425f-ac76-7fdc45261ef1

观看 1920×864 高清原版 ↗ · 在线循环预览 ↗

README 内可直接播放完整视频；在线首页支持静音循环与暂停。动图预览随仓库和下载包一起提供；高清站点媒体可通过 python3 scripts/fetch_previews.py 按 preview-media.json 校验下载。

设计预览

点击封面进入完整演示。

咨询战略 · Consulting	暗夜极光 · Dark Aurora
活体演示 · Live Model	地球仪叙事 · Globe Narrative

项目亮点

• 20 种完整风格：9 套经典系列、11 套交互实验，每套 10–12 页，包含正文结构与逐页演讲备注。
• 单文件交付：原生 HTML / CSS / JavaScript，字体内嵌。模板播放无需安装依赖、账号、后端或 API 密钥。
• 更丰富的表达：SVG 图表、Canvas 数据变形、生成艺术、空间视差、镜头飞行和可调业务模型。
• 完整放映体验：1920×1080 画布自适应缩放，支持翻页、全屏、页码定位和演讲者窗口；部分模板支持总览。
• Skill 与工具一起交付：选型目录、创作规则、模板复制、静态校验和安全安装器均包含在完整包中。
• 可重复构建和部署：标准库 Python 脚本构建静态站点和 ZIP，Cloudflare Workers Static Assets 托管全部模板。

直接使用模板

1. 打开 在线模板目录，选择适合的风格。
2. 点击封面放映，或点击“下载 HTML”保存单文件。
3. 使用文本编辑器或 AI 助手改写页面内容和演讲备注，再用浏览器打开。

完整包中的原始模板位于 assets/templates/，封面预览位于 assets/thumbs/。下载到本地的模板可离线放映。

安装为 Skill

从 GitHub 克隆，或下载并解压 完整包。安装需要 Python 3.10+，不需要安装 Python 第三方依赖。

git clone https://github.com/cclank/lanshu-html-ppt-templates.git
cd lanshu-html-ppt-templates
python3 scripts/install.py

默认安装到 ~/.codex/skills/lanshu-html-ppt-templates；设置了 CODEX_HOME 时使用该目录下的 skills/。安装器只复制 Skill 必需资源，并拒绝覆盖已有目录。

为其他支持 SKILL.md 的助手指定技能目录：

python3 scripts/install.py --skills-dir /path/to/your/skills

安装后重新打开助手的新聊天，以刷新技能发现。示例提示：

使用 $lanshu-html-ppt-templates，
把下面的内容做成 12 页产品发布演示。
受众是企业客户，采用暗夜极光风格，
输出单文件 HTML，并写好逐页演讲备注。

[粘贴你的材料]

Skill 会根据内容与格式要求选择模板，复制完整资源，改写页面和备注，执行静态检查，并在可用浏览器中验证实际呈现。

命令行工具

在项目目录运行；模板创建与源码查看使用 Python 3.10+，JavaScript 语法校验还需要 Node.js。开发和部署建议使用 Node.js 22+。

# 查看模板；筛出具有多页打印样式的模板
python3 scripts/deck.py list
python3 scripts/deck.py list --pdf

# 创建完整副本，不覆盖已有文件
python3 scripts/deck.py new 07-consulting \
  --output outputs/strategy.html \
  --title "年度业务战略"

# 阅读精简源码：仅隐藏终端输出中的字体 Base64，原文件保持完整
python3 scripts/deck.py source 07-consulting

# 检查页面结构、备注和 JavaScript 语法
python3 scripts/deck.py inspect outputs/strategy.html
python3 scripts/deck.py validate outputs/strategy.html

--title 仅修改浏览器标题；封面、正文、品牌、图表和备注需要继续编辑。详细步骤见 作者指南。

模板目录

“打印样式”表示源码内已有多页打印适配，PDF 实际效果仍需验证。交互、动画和临时状态应在浏览器中查看。

更详细的能力分类见 模板选型目录；可机器读取的数据与原始文件 SHA-256 位于 catalog.json。

项目结构

lanshu-html-ppt-templates/
├── SKILL.md                 AI 助手的技能入口
├── README.md                使用、安装与部署说明
├── NOTICE.md                来源、字体与素材说明
├── LICENSE                  新增代码的 MIT 授权与范围
├── catalog.json             20 套模板的元数据和校验值
├── agents/openai.yaml       Codex 技能展示信息
├── docs/media/              README 完整宫格动图预览
├── assets/
│   ├── templates/           20 个完整 HTML 文件
│   └── thumbs/              20 张封面缩略图
├── references/              模板选型与创作指南
├── scripts/                 创建、检查、安装、构建与部署工具
├── site/                    在线目录、使用指南和静态站点响应头
├── .github/workflows/       资源校验与构建工作流
└── wrangler.jsonc           Cloudflare 静态站点配置

模板资源是一份可校验的原始副本。创作时先复制到自己的输出目录，再修改；在线站点从资源和目录数据构建。

本地开发与校验

项目没有运行时 npm 依赖，使用已有的 Python 与 Node 即可运行下列命令，无需 npm install。

npm run check    # 检查 20 套资源、页数、备注 JSON 与内联 JS 语法
npm run build    # 生成 dist/ 静态站点和可下载的完整 ZIP
npm run dev      # 构建后在 http://127.0.0.1:4173 提供本地预览

构建目录只包含公开站点资源。账号配置、环境文件、缓存、版本库和 node_modules 不进入站点或 ZIP。下载目录提供 SHA256SUMS.txt，可用于检查完整包。

静态检查不执行浏览器脚本，也无法证明版式、动画和 PDF 导出正确。内容修改后应检查首尾页、关键图表、最长正文、导航和备注，PDF 另行检查实际成品。

Cloudflare 部署

默认公开地址：https://ppt.lanshuagent.com/。

站点采用 Cloudflare Workers Static Assets，通过 Custom Domains 绑定子域名。模板直接作为静态资源提供，无需数据库、Worker 业务代码或客户端密钥。线上访问会受域名现有的 Cloudflare Web Analytics 设置影响；完整 ZIP 中保留模板原文件。

# 首次使用自己的 Cloudflare 账号时登录
npx --yes wrangler@4.148.0 login

# 本地构建和部署预检
python3 scripts/deploy.py --dry-run

# 构建、校验并正式部署
npm run deploy

发布工具固定使用 Wrangler 4.148.0。复用项目部署到其他站点时，先修改 wrangler.jsonc 的 Worker 名称和 routes[].pattern，并确认对应域名处于当前账号的 Cloudflare Zone 中。原始模板、站点入口与下载包通过同一次发布更新。

使用边界

• 格式：当前主要交付 HTML，13 套模板有多页打印样式；可编辑 .pptx 需要额外转换。
• 字体：内嵌中文字体按原文字符裁剪，新增中文可能回退到系统字体。改稿后需检查字形、换行与溢出。
• 演讲者预览：通过独立 iframe 显示当前页和下一页，默认不共享主屏临时调整的参数、随机种子和物件位置。
• 实时模型：咖啡门店模板展示了可调整假设与联动计算，模型口径和业务结论需要按实际材料校验。
• 演示数据：样例中的品牌、数字、研究来源和联系方式需替换为自己的材料；终端模板显示的命令不在网页中执行。
• 许可：新增 Skill、脚本、网站与文档按 MIT 开源。原始模板、缩略图及内嵌字体等保留各自权利，原始包未提供上游许可证；完整范围见 NOTICE.md。

维护与反馈

新增风格或修改库内原始模板时，同步更新 catalog.json、缩略图、选型目录和备注，运行校验与构建，再检查在线预览。项目附带 GitHub Actions 校验工作流，可在推送和 Pull Request 时检查资源与构建结果。

欢迎通过 Issues 反馈问题，或提交 Pull Request 改进工具、文档和站点。提交原始素材相关内容时，请附上清楚的来源