Open Skills Logo
Open Skills

frontend-slides

从零开始或通过转换PowerPoint文件，创建引人入胜、动画丰富的HTML演示文稿。适用于用户希望构建演示内容、将PPT/PPTX转换为网页格式，或为演讲/提案制作幻灯片时使用。帮助非设计人员通过视觉探索而非抽象选择，发掘属于他们的美学风格。

作者

@sickn33

分类

内容创作

安装

热度:70

下载并解压到你的 skills 目录

复制命令，发送给 OpenClaw 自动安装：

下载并安装这个技能 https://openskills.cc/api/download?slug=sickn33-skills-frontend-slides&locale=zh&source=copy

Frontend Slides - 零依赖 HTML 演示文稿生成工具

技能概述

Frontend Slides 是一个帮助用户创建动画丰富、零依赖的 HTML 演示文稿的 AI 技能，支持从零开始构建演示或将 PowerPoint 文件转换为网页格式。

适用场景

  • 技术演讲与会议分享

    • 快速生成适合技术会议的演讲幻灯片，支持代码高亮、动画演示和响应式设计，让技术分享更加生动专业。

  • 产品路演与推介

    • 为初创公司和产品团队制作令人印象深刻的路演演示，无需设计经验也能通过视觉探索发现满意的视觉风格。

  • 教学课件与在线培训

    • 将传统 PowerPoint 课件转换为可在线分享的网页格式，支持滚动导航和触摸交互，适合远程教学场景。

    核心功能

  • PPT 文件智能转换

    • 自动提取 PowerPoint 文件中的文本、图片和结构，转换为完全独立的 HTML 演示文稿，保留原始内容和所有媒体资源。

  • 视觉风格探索与预览

    • 通过"展示而非讲述"的理念，生成多个风格预览供用户选择，涵盖企业优雅、霓虹科技、电影感等多种设计风格。

  • 零依赖单文件输出

    • 生成的演示文稿为单个 HTML 文件，内联所有 CSS 和 JavaScript，无需 npm、构建工具或外部依赖，可直接在浏览器中打开使用。

    常见问题

    Frontend Slides 支持哪些文件格式？

    Frontend Slides 支持 .ppt 和 .pptx 格式的 PowerPoint 文件转换。输出格式为单文件 HTML，可直接在任何现代浏览器中打开，无需额外服务器或运行环境。

    生成的演示文稿需要什么环境运行？

    由于采用零依赖设计，生成的 HTML 文件是自包含的，所有样式和脚本都已内联。只需一个现代浏览器即可运行，支持离线使用，无需网络连接、npm 安装或构建流程。

    Frontend Slides 与传统演示工具有什么区别？

    Frontend Slides 专注于生成网页原生演示，而非桌面软件格式。主要优势包括：支持在线分享和嵌入、响应式设计适配移动端、丰富的 CSS 动画效果、以及单文件便于分发。与 PowerPoint 相比，更适合需要在线分享或需要自定义交互的场景。

    技能来源

    https://github.com/zarazhangrui/frontend-slides