让AI做的PPT不再千篇一律:34套精美HTML幻灯片模板
你有没有这种感觉——AI 生成的 PPT,永远是那几种「科技蓝 + 渐变背景 + 图标罗列」的公式脸?
我自己用 Claude Code 写代码,偶尔让它顺带生成个演示文稿,结果出来的东西……怎么说呢,功能完整,但一眼「AI 味」,丑得心安理得。
直到我刷到这个开源项目——Beautiful HTML Templates。
它干了件特别聪明的事:不给 AI 塞设计稿,而是给 AI 塞「审美规矩」。项目收录了 34 套风格迥异的 HTML 幻灯片模板,每套都有独立的视觉系统——字体、配色、间距、动效——而不是泛泛的「好看的 PPT」。
来看看这几个让我眼前一亮的风格:
- Sakura Chroma:复古日本卡带包装美学,奶油纸底 + 斜彩虹丝带 + condensed bold 字体,还有一丝 JIS 风格的小标签感
- Pin and Paper:安全别针插画风格,黄色纸张 + 墨蓝手写 Caveat 字体,纸张纹理质感满满
- Cobalt Grid:电光蓝斜体衬线体,网格画布背景,像素故障装饰 + 极细线条
- Stencil Tablet:骨骼纸张感,考古学与品牌感混搭,六色大地色系
AI 怎么用它?项目内置了 AGENTS.md 操作手册——告诉 AI 如何读取 index.json、根据用户需求匹配模板、clone 后自动适配内容。复制这段话发给任意编码 Agent 就行:
Clone https://github.com/zarazhangrui/beautiful-html-templates and follow the instructions in AGENTS.md to build me a beautiful HTML slide deck.
简单说就是:说人话描述需求 → AI 选模板 → 自动生成带设计感的幻灯片。你不需要懂 HTML/CSS,也不需要 Figma。
这项目还有一个思路值得扩展开:设计师把审美封装成模板,AI 负责执行。模板是设计资产,AI 是执行层,分工清晰,输出质量就稳了。
GitHub 上目前 4,078 Stars,34 套模板还在增加。作者 @zarazhangrui 同时还维护了 Beautiful Feishu Whiteboard(飞书配色版)和 frontend-slides 系列,审美体系相当完整。
如果你经常需要 AI 帮你出演示材料,或者想让团队的 AI 工具产出更「像人设计的」,这个库值得收藏。
GitHub · Beautiful HTML Templates
GitHub: https://github.com/zarazhangrui/beautiful-html-templates
评论区
登录后可评论。