360 Secure SkillHub
360 安全技能中心

PPT Generator

该 Skill 先向用户收集 PPT 主题要点、风格参考资料(图片/文件)和目标受众,再通过宿主图片工具下载用户上传的参考图,生成基于 Reveal.js 的单文件 HTML 演示文稿,包含封面、目录、内容、总结与结束页,并保存到本地发送给用户;视觉上要求每页配图标或图片,可引用公开图标库与官网产品图。

flyyue5
flyyue5
热度 70.33
最近更新 2026-05-11 17:33:17
分类:创作依赖:MCP 服务 / 内部调用大模型 / 读写文件应用场景:演示设计

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add mia-ppt-generator
Metadata
name
html-ppt-generator
description
生成HTML格式的PPT演示文稿。使用场景:(1) 用户需要创建可分享的网页版PPT;(2) 用户需要离线可用的演示文稿;(3) 用户提到"HTML PPT"、"网页PPT"、"在线PPT"等关键词。接收用户输入:PPT主题内容、风格参考资料(支持图片/文件上传)、目标受众,然后生成可下载的HTML文件。

HTML PPT Generator

生成基于 Reveal.js 的HTML格式PPT演示文稿。

工作流程

1. 收集用户信息

向用户确认以下信息:

  1. PPT主要内容:要讲解的核心主题和要点
  2. 风格/参考资料:希望参考的视觉风格,支持上传图片和文件作为参考
  3. 目标受众:面向谁(决定内容深度和语言风格)

2. 收集完成后

调用 feishu_im_bot_image 工具下载用户上传的图片参考。

3. 生成PPT

基于用户提供的信息,生成HTML文件。PPT应包含:

  • 封面页(标题、副标题、演讲者信息)
  • 目录页
  • 内容页(根据主题要点展开,每页都要有相关的图标/图片)
  • 总结页
  • 结束页

视觉设计原则:

  • 每页都要有相关的图片、图标或icon
  • 使用公开的图标库(如Font Awesome)丰富视觉效果
  • 如果有产品图片,尽量从官网获取真实产品图
  • 简洁专业的布局
  • 适合目标受众的视觉风格
  • 清晰的层次结构
  • 合理的配色

图标资源:

4. 输出

将生成的HTML文件保存到本地,并将文件发送给用户。

使用的技术

  • Reveal.js: 流行的HTML演示框架
  • 单文件HTML,包含内联CSS和脚本
  • 支持键盘导航、过渡动画等功能