PPT 模板画廊

两个技能库的全部模板一览：html-ppt-skill（工具+主题+完整模板）+ beautiful-html-templates（34套设计系统）

34beautiful-html-templates 设计模板
36html-ppt-skill 主题风格
15html-ppt-skill 完整模板
85总计可选风格
🔗 html-ppt-skill 快速预览（浏览器直接打开）
🎨 36 主题预览 📐 31 布局预览 ✨ 47 动效预览 📋 15 完整模板
🎬 动效 & 布局 交互式预览
点击卡片打开完整展示页，按 ← → 翻页浏览所有动效和布局
Animation Showcase
✨ 47 种动效预览
27 CSS 动画 + 20 Canvas 粒子特效，按 A 键循环切换
fade-up slide-in particle-burst confetti matrix-rain +42 more
Layout Showcase
📐 31 种布局预览
封面、目录、数据图、代码、时间线等页面布局
cover toc data-chart code timeline +26 more
📦 beautiful-html-templates 34 套设计模板
每套自带完整设计系统（字体+配色+布局+装饰），直接替换内容即可
8-Bit Orbit
像素风霓虹街机
darkretroplayfulcyberpunk
Biennale Yellow
Biennale Yellow
荷兰海报风，太阳黄+靛蓝
lighteditorialwarmposter
BlockFrame
BlockFrame
新粗野主义，柔和霓虹色块
lightboldplayfulgraphic
Blue Professional
Blue Professional
钴蓝+奶油纸张，现代商务
lightprofessionalmoderncalm
Bold Poster
Bold Poster
海报风，Shrikhand 大字+红色
lightboldeditorialloud
Broadside
Broadside
深色编辑风，橙色+中英双语
darkeditorialdramaticbilingual
Capsule
Capsule
药丸卡片+柔和流行色
lightplayfulmodernwarm
Cartesian
Cartesian
古典 Playfair 衬线，温暖中性
lightquietelegantwarm
Cobalt Grid
Cobalt Grid
电钴蓝+方格纸，像素装饰
lighteditorialtechmonochrome
Coral
Coral
珊瑚色+深黑底，Bebas Neue
mixedboldwarmmodern
Creative Mode
Creative Mode
多色创意风，Archivo Black
lightcreativeconfidentplayful
Daisy Days
Daisy Days
手绘雏菊+彩虹，温暖友好
lightcheerfulplayfulwarm
Editorial Forest
Editorial Forest
森林绿+粉+奶油，Source Serif 4
mixededitorialquietwarm
Editorial Tri-Tone
Editorial Tri-Tone
三色编辑：粉+芥末+酒红
mixededitorialwarmmoody
Emerald Editorial
Emerald Editorial
祖母绿+海军蓝，Bodoni 衬线
mixededitorialconfidentmagazine
Grove
Grove
森林绿+奶油+铁锈色，Playfair
mixedorganicwarmliterary
Long Table
Long Table
晚宴俱乐部风，奶油+铁锈红
lightwarmintimatefriendly
Mat
Mat
深鼠尾草+焦橙，中世纪现代
mixedwarm-moderntactilemid-century
Monochrome
Monochrome
纯黑白，Lora 衬线+Jost
lightrestrainedliteraryarchival
Neo-Grid Bold
Neo-Grid Bold
新粗野主义，霓虹黄点缀
lightconfidentpunchyeditorial
People's Platform
People's Platform
活动海报风，蓝橙红+奶油
lightactivistloudgraphic
Pin & Paper
Pin & Paper
安全别针+黄色纸张，手写体
lightcraftedhandmadewarm
Pink Script
Pink Script
黑底+热粉+珍珠白，深夜奢华
darknocturnalmoodyluxe
Playful
Playful
温暖桃色+Syne 字体，独立风
lightwarmapproachableindie
Raw Grid
Raw Grid
新粗野主义，粗边框+偏移阴影
lightrawpunchyconfident
Retro Windows
Retro Windows
Windows 95 风格，全怀旧
lightnostalgicretrogeeky
Retro Zine
Retro Zine
米纸+绿色+Bebas Neue，杂志风
lightcraftedlo-fiwarm-retro
Sakura Chroma
Sakura Chroma
日式复古卡带风，彩虹缎带
lightretroplayfulkawaii
Scatterbrain
Scatterbrain
便利贴风，手写体+柔和色
lightplayfulcreativewarm
Signal
Signal
深海军蓝+金色，机构权威
mixedinstitutionaltrustworthyweighty
Soft Editorial
Soft Editorial
鼠尾草+腮红+柠檬，衬线体
lightliteraryelegantquiet
Stencil & Tablet
Stencil & Tablet
骨纸+模板切割标题+大地色
lightarchivalearthytactile
Studio
Studio
黑底+电黄，设计工作室
darkelectricbolddesign-led
Vellum
Vellum
深海军蓝+暖黄衬线，学术风
darkscholarlyliteraryquiet
🎨 html-ppt-skill 主题 36 套风格主题
CSS 主题文件，可搭配任意布局使用，支持实时切换（按 T 键）
Academic Paper
Academic Paper
学术论文风格
lighttheme
Arctic Cool
Arctic Cool
北极冰蓝
lighttheme
Aurora
Aurora
极光色彩
darktheme
Bauhaus
Bauhaus
包豪斯设计
lighttheme
Blueprint
Blueprint
蓝图工程风
darktheme
Catppuccin Latte
Catppuccin Latte
拿铁暖色
lighttheme
Catppuccin Mocha
Catppuccin Mocha
摩卡暗色
darktheme
Corporate Clean
Corporate Clean
企业简洁风
lighttheme
Cyberpunk Neon
Cyberpunk Neon
赛博朋克霓虹
darktheme
Dracula
Dracula
德古拉暗紫
darktheme
Editorial Serif
Editorial Serif
编辑衬线体
lighttheme
Engineering Whiteprint
Engineering Whiteprint
工程白图
lighttheme
Glassmorphism
Glassmorphism
毛玻璃效果
darktheme
Gruvbox Dark
Gruvbox Dark
复古暗色
darktheme
Japanese Minimal
Japanese Minimal
日式极简
lighttheme
Magazine Bold
Magazine Bold
杂志大胆风
lighttheme
Memphis Pop
Memphis Pop
孟菲斯流行
lighttheme
Midcentury
Midcentury
中世纪现代
lighttheme
Minimal White
Minimal White
极简白色
lighttheme
Neo-Brutalism
Neo Brutalism
新粗野主义
lighttheme
News Broadcast
News Broadcast
新闻播报风
lighttheme
Nord
Nord
北欧冷色调
darktheme
Pitch Deck VC
Pitch Deck VC
融资路演风
darktheme
Rainbow Gradient
Rainbow Gradient
彩虹渐变
darktheme
Retro TV
Retro TV
复古电视风
darktheme
Rose Pine
Rose Pine
玫瑰松木
darktheme
Sharp Mono
Sharp Mono
锐利等宽字体
lighttheme
Soft Pastel
Soft Pastel
柔和粉彩
lighttheme
Solarized Light
Solarized Light
日光化浅色
lighttheme
Sunset Warm
Sunset Warm
日落暖色
darktheme
Swiss Grid
Swiss Grid
瑞士网格设计
lighttheme
Terminal Green
Terminal Green
终端绿屏
darktheme
Tokyo Night
Tokyo Night
东京夜色
darktheme
Vaporwave
Vaporwave
蒸汽波复古
darktheme
Xiaohongshu White
Xiaohongshu White
小红书白底
lighttheme
Y2K Chrome
Y2K Chrome
千禧铬色
lighttheme
📋 html-ppt-skill 完整模板 15 套即用模板
包含完整演示文稿结构，可直接填入内容使用
Tech Sharing
Tech Sharing
技术分享，GitHub 暗底
darkfull-deck
Pitch Deck
Pitch Deck
融资路演，YC 风格
darkfull-deck
XHS Post
XHS Post
小红书图文，3:4 竖版
lightfull-deck
Weekly Report
Weekly Report
周报汇报
lightfull-deck
Product Launch
Product Launch
产品发布会
darkfull-deck
Course Module
Course Module
课程模块
lightfull-deck
Presenter Mode
Presenter Mode
演讲者模式专用
darkfull-deck
Hermes Cyber Terminal
Hermes Cyber Terminal
赛博终端风
darkfull-deck
Obsidian Claude
Obsidian Claude
Obsidian 渐变
darkfull-deck
Knowledge Arch
Knowledge Arch
知识架构蓝图
darkfull-deck
Graphify Dark
Graphify Dark
暗色图表风
darkfull-deck
XHS Pastel Card
XHS Pastel Card
小红书粉彩卡片
lightfull-deck
XHS White Editorial
XHS White Editorial
小红书白底编辑
lightfull-deck
Testing Safety Alert
Testing Safety Alert
测试安全警报
lightfull-deck
Dir Key Nav
Dir Key Nav
方向键导航极简
lightfull-deck
📖 使用指南
快速上手 PPT 技能的完整说明

⌨️ 快捷键（必须记住）

← →翻页
F全屏
S演讲者模式（4 个磁吸卡片）
T实时切换主题（36 套挨个试）
O幻灯片网格预览
A循环演示入场动画

🚀 使用方式

方式 1: 告诉 AI 需求（推荐）

我要做一份 PPT，主题是产品发布会，风格要大胆现代，10 页

方式 2: 指定模板

用 beautiful-html-templates 的 signal 模板，帮我做一份演讲 PPT

方式 3: 指定主题

用 html-ppt-skill 的 cyberpunk-neon 主题，做一份技术分享

🎤 演讲者模式

按 S 键弹出独立窗口，包含 4 个可拖拽、可缩放的磁吸卡片：

🔵 当前页预览
🟣 下一页预览
🟠 逐字稿提词器
🟢 计时器+页码

预览和观众看到 100% 一致（像素级精确），翻页不白屏、不闪烁。

📤 导出方式

导出 PDF:

URL 后加 ?print-pdf → Cmd+P → 另存为 PDF

导出 PNG:

./scripts/render.sh your-ppt.html

导出 PPTX:

暂不支持直接导出。先导出 PNG，再粘贴到 PowerPoint/Keynote

🔄 两个技能如何选择？

场景 推荐技能 原因
快速生成 PPT html-ppt-skill 完整工具链，AI 自动选主题+布局+动效
独特设计风格 beautiful-html-templates 34 套精心设计的视觉系统
演讲者模式 html-ppt-skill 按 S 键，4 个磁吸卡片
小红书图文 html-ppt-skill 有 xhs-post 模板（3:4 竖版）
正式会议/峰会演讲 两者结合 beautiful-html-templates 选风格，html-ppt-skill 提供功能
📝 完整笔记位置：~/Desktop/笔记/Hermes笔记/学习/PPT技能完整指南.md
html-ppt-skill (github.com/lewislulu/html-ppt-skill) · beautiful-html-templates (github.com/zarazhangrui/beautiful-html-templates)
两个技能库互补使用：beautiful-html-templates 提供设计素材，html-ppt-skill 提供工具和功能