HTML 演示框架

Name: HTML Presentation Framework
Author: @content_wei

React演示HTMLSlidesDeck更新于 2026-08-14

使用场景： 构建代码驱动的演示：技术分享、课程模块、融资路演与无需 PowerPoint 的可分享网页幻灯片。

安装

npx skills add html-presentation-framework

克隆

git clone https://github.com/skillhub-community/html-presentation-framework.git

仓库文档

描述

HTML 演示框架——代码驱动的幻灯片工具替代品。Deck 引擎：横/竖幻灯片导航、演讲者备注（每页 <aside>）与演示者模式（当前页/下一页/备注弹窗）。主题：一组视觉主题（Light Editorial、Dark Code、Warm Paper、Cyber Terminal、Minimal Slate）定义排版、颜色与布局。键盘导航：方向键、Home/End 与幻灯片索引总览（Esc）。

幻灯片组件：带语法高亮与终端 chrome 的代码块、数据大数字页、图片网格与提示卡。进度指示器（顶部条或点阵）与打印/PDF 导出（经打印 CSS）加单文件 HTML 导出（自包含、无 CDN 依赖——全部内联）便于分享。框架无关：核心为纯 HTML/CSS/JS，附 React 包装器。附带示例演示：技术分享、产品发布与周报——各用不同主题。

AI Hub

跑 Skill 需要模型接口？

AI Hub 提供 OpenAI 兼容接口，给 Cursor / Claude Code / Agent 用。

打开 AI Hub

元数据

作者@content_wei

许可证MIT

版本1.0.0

依赖0