菜单
HTML 演示文稿生成 Skill。基于 frontend-slides 扩展。 触发词： - "演示文稿"、"PPT" - "幻灯片"、"slides" - "做 PPT"、"转网页" - "/presentation" 使用场景： - PPT 转网页 - 从零创建演示文稿 - 技术分享演示 - 教学课件
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | presentation |
| description | HTML 演示文稿生成 Skill。基于 frontend-slides 扩展。 触发词： - "演示文稿"、"PPT" - "幻灯片"、"slides" - "做 PPT"、"转网页" - "/presentation" 使用场景： - PPT 转网页 - 从零创建演示文稿 - 技术分享演示 - 教学课件 |
HTML 演示文稿生成工作流。
| 能力 | 说明 |
|---|---|
| PPT 转换 | 将 PPT/PPTX 文件转换为 HTML |
| 从零创建 | 文字描述生成完整演示文稿 |
| 风格选择 | 多种预设风格可选 |
| 动画效果 | 丰富的页面切换动画 |
用户: 将这个 PPT 转为网页
上传: presentation.pptx
AI:
1. 提取内容 - 分析 PPT 结构
2. 风格选择 - 让用户选择风格
3. 生成 HTML - 转换为 HTML 演示
用户: 做一个关于 AI 发展的演示文稿
AI:
1. 内容收集 - 询问主题、时长、风格
2. 风格选择 - 展示 3 种风格预览
3. 生成 HTML - 创建演示文稿
| 风格 | 特点 |
|---|---|
| Bold Signal | 大胆、专业 |
| Dark Botanical | 深色、自然 |
| Electric Studio | 科技、炫酷 |
| Paper & Ink | 简约、书卷气 |
<!-- 单文件 HTML 演示 -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>演示标题</title>
<style>
/* 所有 CSS 内联 */
</style>
</head>
<body>
<div class="slide active" id="slide-1">
<!-- 幻灯片内容 -->
</div>
<script>
/* 所有 JS 内联 */
</script>
</body>
</html>
| 功能 | 操作 |
|---|---|
| 下一页 | 右箭头键 / 空格键 |
| 上一页 | 左箭头键 |
| 跳转 | 点击导航点 |
| 编辑 | 鼠标悬停左上角 |
整合 tts-universal，为演示添加语音解说：
<!-- 音频解说 -->
<audio id="narration" src="audio/narration.mp3"></audio>
<!-- 字幕显示 -->
<div class="subtitle">
<span class="current">当前文字</span>
</div>
# 导出为 PDF
bash scripts/export-pdf.sh ./presentation/
# 部署到网页
bash scripts/deploy.sh ./presentation/
完整的科普动画视频生成 Skill。整合 script-to-scene + tts-universal + remotion-pro。 触发词： - "科普视频"、"科普动画" - "制作视频"、"创建动画" - "3Blue1Brown 风格" - "/science-animation" 使用场景： - 数学/物理概念讲解 - AI/机器学习可视化 - 数据结构与算法动画 - 技术教程视频
根据场景配置生成 Remotion React 组件代码。 触发词： - "生成 Remotion 代码" - "生成场景组件" - "创建视频代码" 使用场景： - 科普动画视频生成 - 技术教程视频制作 - 数据可视化视频
将自然语言脚本拆分为结构化场景配置。 触发词： - "拆分场景"、"场景配置" - "分镜"、"场景规划" - "脚本转场景" 使用场景： - 科普视频脚本拆解 - 教程视频分镜 - 长文本自动分段
统一 TTS 适配层，支持 6+ TTS 服务商（MiniMax、ElevenLabs、火山引擎、Edge TTS、阿里 Qwen3、腾讯混元）。 提供统一接口，自动处理时间戳格式转换。 触发词： - "TTS"、"文字转语音"、"语音合成" - "MiniMax TTS"、"Edge TTS"、"火山引擎" - 选择 TTS 服务商时 使用场景： - 科普视频配音 - 教程讲解配音 - 多语言语音生成
同一内容自动适配不同平台比例。 触发词： - "多平台适配" - "不同比例" - "抖音/B站适配" - "viewport" 使用场景： - 抖音视频 (9:16) - B站/YouTube 视频 (16:9) - Instagram (1:1) - 小红书 (4:5)
一键发布视频到多个平台。 触发词： - "发布到 B站" - "上传抖音" - "多平台发布" - "/publish" 使用场景： - B站上传 - 抖音上传 - YouTube 发布