html-ppt-skill：纯 HTML 快速制作 PPT + Claude 一键生成演示文稿神器

《html-ppt-skill：AI一键生成HTML幻灯片工具》介绍了一款基于纯HTML的轻量化PPT制作工具。该工具无需安装专业软件，通过简单HTML代码即可创建带动画效果的幻灯片。核心亮点是原生支持Claude等AI智能体，用户只需提供文字大纲，AI就能自动生成完整可播放的HTML格式PPT。文章详细演示了在Claude中使用该工具的四步操作流程，并展示了如何定制不同风格的PPT。相比传统PP

java小吕布

1015人浏览 · 2026-05-25 17:00:00

java小吕布 · 2026-05-25 17:00:00 发布

（附 Claude/Claude Code 完整使用教程）

项目地址：https://github.com/lewislulu/html-ppt-skill

一、项目简介

html-ppt-skill 是一款纯 HTML 实现的轻量化幻灯片工具，无需安装 PowerPoint、WPS，不用复杂框架，只需写简单 HTML 就能生成可播放、可切换、带动画的专业 PPT。

最大亮点：原生支持 AI 智能体（Claude/Cursor/ChatGPT），你只需要给一段文字大纲，AI 就能全自动生成整套可直接播放的 HTML PPT，真正实现 “一句话出 PPT”。

二、核心特性

纯 HTML+CSS，零学习成本
浏览器直接打开播放，无需任何插件
支持分页、动画、切换效果
轻量、开源、可随意改模板
✅ 重点：完美适配 Claude / Claude Code 一键生成

三、🔥 在 Claude Code 中使用 html-ppt-skill（超详细步骤）

这是最实用、最高效的用法：让 Claude 直接帮你写整套 HTML PPT。

步骤 1：告诉 Claude 启用技能

直接在 Claude 对话里输入：

请使用 html-ppt-skill 技能，帮我生成一份PPT

Claude 会自动加载技能规则：

按 section 生成每页 PPT
自动排版标题、列表、图片占位
自动加动画、过渡样式
输出完整可运行的 HTML 文件

步骤 2：给它你的 PPT 大纲

帮我生成一份技术分享PPT，主题：
AI智能体时代的高效工具链

内容结构：
1. 封面页
2. 什么是AI智能体
3. 主流智能体工具
4. html-ppt-skill 介绍
5. 实际演示：一句话生成PPT
6. 未来展望
7. 结束页

步骤 3：Claude 直接输出完整 HTML PPT

你会收到可直接保存运行的完整代码，类似这样：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>AI智能体时代的高效工具链</title>
  <style>
    /* 自动生成的PPT样式 */
    .page { width:100%; height:100%; padding:60px; }
    h1 { font-size:48px; color:#2d3748; }
  </style>
</head>
<body>
  <!-- 第1页：封面 -->
  <section class="page">
    <h1>AI智能体时代的高效工具链</h1>
    <p>技术分享演示文稿</p>
  </section>

  <!-- 第2页 -->
  <section class="page">
    <h2>什么是AI智能体</h2>
    <ul>
      <li>能自主执行任务的AI系统</li>
      <li>具备记忆、规划、工具调用能力</li>
    </ul>
  </section>
</body>
</html>

步骤 4：复制 → 保存为 .html → 直接打开播放

复制代码
新建文件 ppt.html
浏览器打开 → 直接播放 PPT

四、🔥 进阶：让 Claude 生成带动画、科技风、商务风 PPT

你可以直接这样指挥 Claude：

用科技蓝色风格
加入渐变色背景
每页都有淡入动画
字体用微软雅黑
标题居中

Claude 会自动生成高颜值、可直接用于正式汇报的 PPT。

五、快速本地部署（极简）

git clone https://github.com/lewislulu/html-ppt-skill.git
cd html-ppt-skill
# 浏览器直接打开 index.html 即可播放

六、html-ppt-skill 优势对比

工具	制作方式	AI 支持	便携性
html-ppt-skill	HTML	✅ Claude 一键生成	浏览器打开
传统 PPT	鼠标拖拽	❌ 弱	需安装软件
在线幻灯片	可视化	❌ 模板生成	依赖平台