GitHub 19K星AI工具：用文字直接生成HTML动画PPT
做演示，核心永远是内容和逻辑，工具只是辅助。但不可否认，一份视觉上足够出彩的演示文稿，能在你开口前就建立专业、认真的第一印象，让你在汇报时底气更足。
今天要介绍的工具，在GitHub上收获了超过17000颗星。它的定位很明确：用AI，将你的文字描述或旧PPT文件，直接转化为一份零依赖的单文件HTML动画演示文稿。你不再需要反复在Canva或MasterGo里调整模板，只需告诉AI你想讲什么，剩下的交给它。
最终成果如何？我曾用它在当天下午六点前赶出一份汇报文稿发给领导，得到的反馈是：“这个风格不错，没有那种千篇一律的模板感。”
下面，就把完整的使用流程和心得分享给你。
先搞清楚它是什么，解决什么问题
frontend-slides本质上是一个Claude Code技能。需要说明的是，原版项目维护不算积极，存在一些未修复的问题。因此，更推荐使用由“码哥”修复并维护的版本，体验会更顺畅。
这意味着，它并非一个独立的软件或App，而是安装在Claude Code环境中、通过对话驱动的工具。
你只需对它说：“帮我做一个关于Q2销售复盘的演示，五页，风格现代一点。”它便能生成一个完整的HTML文件，其中包含了所有动画、排版和配色。用浏览器打开即可全屏放映，无需安装任何额外软件。
你也可以将一份旧的PPTX文件扔给它，它能提取其中的文字、图片和备注，并按照你选择的风格重新排版成HTML。
与普通PPT模板相比，它的核心优势有三点：
第一，零依赖，单文件。 生成的HTML文件内联了所有样式和脚本，拷贝给任何人，在任何浏览器中打开，效果都完全一致，彻底杜绝字体丢失或图片加载失败的问题。
第二，12种精心调校的风格。 覆盖深色系（如Bold Signal, Electric Studio）、浅色系（如Notebook Tabs, Vintage Editorial）以及特殊风格（如Neon Cyber, Swiss Modern）。每一种设计都刻意避开了“AI生成的大众模板感”。
第三，从旧PPT到新演示的完整闭环。 你已有的内容无需重做，PPT中的文字和图片都能被继承，只是换上了一套更具质感的视觉外衣。
使用前后的对比，一目了然：
在开始之前，你需要准备好两样东西：
第一：Claude Code
Claude Code是Anthropic推出的AI编程工具，但在这里，你无需懂编程，只需将其视为一个能运行特定技能的平台即可。
安装方式： 访问Claude官网，按指引下载安装。你需要一个Claude账号，免费账号有使用限额，而付费订阅（Pro版，每月20美元）则无限制。
第二：frontend-slides 技能
打开Claude Code，在对话框里依次输入并执行以下两条命令：
/plugin marketplace add MageByte-Zero/frontend-slides
/plugin install frontend-slides@frontend-slides回车执行，等待大约30秒，安装即告完成。这是一次性操作，之后每次打开Claude Code都可直接使用。
如何验证安装成功？在对话框中输入 /frontend-slides，如果AI回应表示已准备好并请你描述需求，那就说明一切就绪。
上手三步：从零到一份完整演示文稿
第一步：描述你要讲什么
打开Claude Code，输入 /frontend-slides，然后直接用自然语言告诉它你的需求。
无需特定格式，像平时说话一样即可：
“帮我做一个Q2销售复盘的演示文稿，大概6页。主要内容是：第一页封面，第二页Q2整体完成率87%，达成了年度目标的43%；第三页是三个重点成交案例；第四页是下半年的三个策略方向；第五页是重点客户列表；第六页是结语。风格要现代、深色，不要那种大众感。”
描述越具体、细节越丰富，AI生成的内容就越精准。
第二步：选风格
AI收到需求后，会展示12种风格的预览图，由你选择其一。
如果难以抉择，这里有一些在不同场景下的风格推荐：
- 科技感汇报： Electric Studio, Neon Cyber
- 沉稳商务： Bold Signal, Swiss Modern
- 创意提案： Vintage Editorial, Dark Botanical
第三步：等待生成，下载HTML
选择风格后，AI便开始工作。通常等待1-3分钟，你便会得到一个 .html 文件。
将这个文件发给同事或领导——无论对方使用什么浏览器，打开效果都完全一致。
放映方式：
- 按
F11（Windows）或Cmd + Ctrl + F（Mac）全屏。 - 使用方向键翻页，或直接点击屏幕。
- 不需要PowerPoint，不需要安装任何插件。
进阶：把旧PPT文件直接转换过来
如果你手头已有一份PPTX文件，只是想为其换上一套更出色的视觉风格，流程会多一步，但同样简单。
第一步：提取PPTX内容
frontend-slides自带内容提取脚本。将你的PPTX文件放在一个固定目录，然后在Claude Code中告诉AI：“我有一个PPTX文件，路径是 /Users/你的用户名/Documents/述职.pptx，帮我提取内容。”
AI会自动运行提取脚本，将PPT中的所有文字、图片、备注整理出来，并展示给你确认。
当然，你也可以选择手动运行命令：
python scripts/extract-pptx.py 述职.pptx运行前需确保已安装python-pptx库：pip install python-pptx。
第二步：确认提取内容，选风格
AI会告知识别到的页数、每页标题及图片数量。你确认无误后，选择一个风格，它便开始生成新的HTML演示稿。
需要注意两点：
动画效果不保留： PPTX中原有的切换动画和元素动画不会被迁移。HTML版本将使用frontend-slides自带的动画效果，通常更流畅，但风格不同。
复杂图表的处理： 如果PPT中包含来自Excel的联动数据图表，AI会将其作为静态图片处理，而无法生成可编辑的矢量图。
三个真实使用中的坑
坑一：内容描述过于简略，导致生成质量不佳。
如果只告诉AI“帮我做Q2复盘”，生成的内容多半是通用占位文字。务必把你掌握的具体数字、案例名称和核心结论都告诉它，信息越详实，输出越精准。
坑二：HTML文件通过微信发送可能失效。
微信通常会将HTML文件当作网页代码处理，导致对方无法正常查看。正确的做法是：上传至群文件、分享云盘链接，或先在浏览器中打开，然后通过“打印”功能将其“保存为PDF”后再发送。如果是当面汇报，直接在自己的电脑上用浏览器打开放映即可。
坑三：中文字体在某些系统上显示有偏差。
生成的HTML文件在部分Windows系统上打开时，中文字体（尤其是字重）可能与你本地预览时不同。最稳定的解决方案是使用Chrome浏览器打开。如果需发给不确定浏览器环境的人，转换为PDF是最保险的方式。
总结
归根结底，演示的核心在于内容与逻辑。但一份在视觉上脱颖而出的文稿，确实能为你的专业形象加分，让你在开口前就赢得信任。
frontend-slides目前已成为我准备对外演示时的默认工具。它让我从反复调整模板配色中解放出来，把节省下来的时间，真正投入到打磨内容本身。
相关攻略
做演示，核心永远是内容和逻辑，工具只是辅助。但不可否认，一份视觉上足够出彩的演示文稿，能在你开口前就建立专业、认真的第一印象，让你在汇报时底气更足。 今天要介绍的工具，在GitHub上收获了超过17000颗星。它的定位很明确：用AI，将你的文字描述或旧PPT文件，直接转化为一份零依赖的单文件HTML
【导读】GitHub第1299号用户、Vagrant之父忍无可忍，带着5万星项目Ghostty正式出逃。18年的爱，被连续宕机和AI转型彻底耗尽。 GitHub可能正在被AI“压垮”，这或许不是危言耸听。 Mitchell Hashimoto，GitHub第1299号用户，2008年2月注册，比绝大
对于习惯在终端工作的开发者而言，GitHub CLI（简称 gh）是一款能够显著提升效率的命令行工具。它让你无需离开终端环境，即可完成绝大多数仓库管理操作，流畅度远超预期。接下来，我们将快速掌握其核心功能与使用方法。 安装GitHub CLI 首先需要完成安装。访问 GitHub CLI 官网，根据
Hermes Agent持续集成：手把手搞定GitHub Actions工作流配置 想把Hermes Agent无缝接入你的CI CD流水线吗？如果发现GitHub Actions工作流配置后不生效，或者Agent任务压根没触发，问题往往出在几个关键环节：可能是工作流语法有细微错误，权限没给够，又或
如何在WebStorm中配置GitHub Actions工作流预览 很多开发者可能都默认WebStorm对GitHub Actions的支持是“开箱即用”的，但实际情况要复杂一些。没错，当你打开 github workflows目录下的YAML文件时，WebStorm确实能识别它，并提供基础的语法高
热门专题
热门推荐
领克首款GT概念跑车亮相北京车展，由中欧团队联合打造。新车采用经典GT比例与低趴宽体设计，配备液态金属蓝涂装与2+2座舱，设有高性能模式按键可激活空气动力学套件。车辆采用后驱布局与AI智能运动控制系统，百公里加速约2秒，设计融合瑞典极简美学并参考全球用户反馈。
英伟达推出12GB显存版RTX5070移动GPU，与8GB版同步上市。两者均基于Blackwell架构，核心规格相同，仅显存容量不同。此举旨在缓解GDDR7芯片供应压力，为OEM提供灵活配置，加速笔记本产品布局，更大显存可更好满足游戏与AI应用需求。
微星将于5月15日推出两款26 5英寸雾面WOLED显示器MAG276QRY28和276QRDY54，售价分别为2499元和6299元。均采用第四代WOLED面板，具备QHD分辨率、VESADisplayHDRTrueBlack500认证、1500尼特峰值亮度及99 5%DCI-P3色域覆盖。276QRY28刷新率为280Hz，高阶款276QRDY54支持4
中芯国际2026年第一季度营收176 17亿元，同比增长8 1%；净利润13 61亿元，同比增长0 4%。公司预计第二季度收入环比增长14%至16%，毛利率指引上调至20%至22%。这反映出公司在行业复苏中展现出财务韧性，并通过运营优化增强了短期增长势头。
手机修图、相机降噪、视频去雾……这些我们日常使用的图像处理功能，其背后都离不开人工智能（AI）技术的驱动。通常，AI模型的训练逻辑是：向模型展示大量“低质图像”与“优质图像”的配对数据，让它学习如何将前者转化为后者。然而，天津大学计算机视觉团队近期发表的一项研究（arXiv:2604 08172）揭