htmlppt.skill

Polar Sponsor
爱发电 赞助
.NET 9.0

把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件(幻灯片风格)。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本,并且希望生成演示用的 HTML 时触发。支持任意内容来源:iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区,并通过企微直接发送给用户。触发词示例:帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。

Article to Deck

功能概述

Article to Deck是一项面向实际任务的技能,主要用于把任意文章内容转换成可直接演示的全屏翻页 HTML 文件;Step 1:读取内容;

核心要点

  • 根据用户提供的内容形式:;
  • iWiki 链接 / docid → 用 mcporter call iwiki.getDocument 获取正文;
  • KM 链接 → 用 mcporter call km.show-article 获取摘要,再用浏览器 skill 抓正文。

使用与执行

它将相关步骤、工具调用和结果整理方式集中到统一流程中,帮助使用者更快完成目标并减少重复操作。从功能定位来看,该技能强调把分散的操作要求整理成清晰、可复用的处理流程,使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数,再依据技能说明逐步执行;若输入条件不完整,应先补齐信息或采用保守配置,避免因错误假设导致结果偏离需求。

结果检查与注意事项

执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期,并对异常提示、缺失字段和边界情况进行处理;涉及批量任务时,还应保存进度,避免中断后重复操作。该技能适合用于一次性任务,也可以接入自动化工作流,与其他技能或上层代理配合完成更完整的业务链路;在组合使用时,应明确每一步的输入输出关系,并避免不同步骤之间出现参数冲突。

Article to Deck

把任意文章内容转换成可直接演示的全屏翻页 HTML 文件。

核心流程

Step 1:读取内容

根据用户提供的内容形式:

  • iWiki 链接 / docid → 用 mcporter call iwiki.getDocument 获取正文
  • KM 链接 → 用 mcporter call km.show-article 获取摘要,再用浏览器 skill 抓正文
  • 本地文件路径 → 用 read 工具读取
  • 直接粘贴的文本 → 直接使用,无需额外读取

Step 2:分析结构,规划分页

把文章内容拆成若干「页」,每页一个主题。规则:

  • 每个一级标题(#)或主要章节 → 独立一页
  • 章节内容量大 → 可拆成多页(以「承上启下」方式过渡)
  • 引子/总结/结语 → 各占一页
  • 总页数建议 6-15 页,太少内容单薄,太多演示疲劳

每页需要确定:

  1. 页面标签(左侧导航简短标识,2-4 字)
  2. 页面标题(大标题,显示在页面主体)
  3. 内容类型(正文、列表、对比表格、卡片组、流程步骤、代码块、引言等)
  4. 是否需要装饰色块/光晕

Step 3:生成 HTML

读取模板文件:assets/deck-template.html(本 skill 目录下)

基于模板替换占位符,生成完整 HTML:

  • {{TITLE}} → 文章标题
  • {{SUBTITLE}} → 副标题或来源信息
  • {{SLIDES_HTML}} → 所有
    页面的 HTML 拼接
  • {{NAV_DATA}} → 导航数据 JSON,格式 [['标签','页面名称'], ...]

页面内容构建规则(字体最小 12px,所有尺寸用 clamp/vw/vh):


章节标识 · 小标签

主标题 关键词高亮

常用内容组件(选择最适合内容的形式):

内容类型 使用的 class 适用场景
要点列表
并列要点、特性介绍
对比表格
优劣对比、方案比较
卡片组
多个并列概念
流程步骤
1
操作步骤、流程
引言金句
核心观点、引用
代码示例
代码、命令、示例
正文段落

说明性文字
两列布局
左右并排内容

视觉规律:

  • 每页只做一件事,不要塞太多内容
  • 主标题用 .gtext 高亮关键词(渐变色)
  • .tag 标识章节归属(如「第一章 · 背景」)
  • 装饰光晕(.glow)增加层次感,位置每页错开

Step 4:保存文件并发送

  1. 将生成的完整 HTML 写入工作区:

    C:UsersAdministrator.openclawworkspace<文件名>.html
    

    文件名:取文章标题的关键词,用连字符连接(如 okr-deck.html)

  2. 通过企微直接发送文件给用户:

    MEDIA: C:UsersAdministrator.openclawworkspace<文件名>.html
    
  3. 附上说明:文件名、页数、演示快捷键(滚轮/方向键翻页,F11全屏,右上角切换背景色)

质量检查清单

生成完成前确认:

  • 所有字体 ≥ 12px(用 clamp(12px, ...) 而非固定小字号)
  • 页数在合理范围(6-15页)
  • 每页有明确标题和结构
  • 导航数据(NAV_DATA)与实际页数一致
  • HTML 语法正确,无未闭合标签

模板位置

assets/deck-template.html(相对于本 SKILL.md 所在目录)

读取方式:用 read 工具加载,替换占位符后写入新文件。

相关专题

更多
PPT批量修改调整尺寸教程合集
PPT批量修改调整尺寸教程合集

本专题整合了PPT批量修改图片尺寸教程合集,阅读专题下面的文章了解更多详细内容。

2026.04.03

378

14

PPT批量插入图片方法合集
PPT批量插入图片方法合集

本专题整合了PPT批量插入图片相关技巧,阅读专题下面的文章了解更多详细步骤。

2026.04.03

164

12

html termux代码合集
html termux代码合集

本专题整合了html termux相关教程,阅读专题下面的文章了解更多详细内容。

2026.04.02

499

11

PPT自动播放设置合集
PPT自动播放设置合集

本专题整合了PPT自动播放相关教程内容合集,阅读专题下面的文章了解更多详细内容。

2026.04.01

139

23

HTML提醒设置合集
HTML提醒设置合集

本专题整合了HTML提醒设置相关教程,阅读专题下面的文章了解更详细的操作步骤。

2026.03.27

840

22

ppt一键生成相关合集
ppt一键生成相关合集

本专题整合了ppt一键生成相关教程汇总,阅读专题下面的的文章了解更多详细内容。

2026.01.15

654

45

php与html混编教程大全
php与html混编教程大全

本专题整合了php和html混编相关教程,阅读专题下面的文章了解更多详细内容。

2026.01.13

158

10

PPT交互图表教程大全
PPT交互图表教程大全

本专题整合了PPT交互图表相关教程汇总,阅读专题下面的文章了解更多详细内容。

2026.01.12

273

10

PPT动态图表制作教程大全
PPT动态图表制作教程大全

本专题整合了PPT动态图表制作相关教程,阅读专题下面的文章了解更多详细内容。

2026.01.07

314

19

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
GDB 17.2 官方文档集合
GDB 17.2 官方文档集合

共0课时 | 0人学习

Bootstrap 入门安装配置
Bootstrap 入门安装配置

共0课时 | 0人学习

38+ PhpStorm 提示和技巧
38+ PhpStorm 提示和技巧

共1课时 | 228人学习