Agent Skills
返回列表
职场家精美动态演示

职场家精美动态演示

办公效率 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_0b65fce7/html-deck-presentation。

技能介绍

问题在哪

很多汇报、培训页仍依赖设计工具或前端构建:改一页要动版式,发给别人还要解释「怎么打开」。若你偏好深色科技风、玻璃卡片和全屏切换,手工写 HTML/CSS 往往重复劳动,风格还容易页与页不一致。

技能怎么工作

本技能围绕 assets/deck-template.html 运作:复制模板到工作区后,主要改三处——:root 配色变量、IMG 背景图引用、以及 S 内容数组(每页一个对象,t 字段选版式)。引擎在单文件内完成 Ken Burns 背景、overlay 压暗、rise / slideR 错峰入场和横向切页;导航含进度条、页码、圆点与键盘/箭头。

典型结构可包含:封面、概览、模块地图、module 详情、资料包、评估与结尾。module 页的 lessons 可挂 sk(技能)或 kb(知识库)标签。版式字段以 references/design-system.md 为准;需要图文严格对应时,应换真实图(如 Wikimedia Commons)并调淡 .slide-overlay,培训类氛围图则可用默认策略。

边界与注意

产出物依赖浏览器直接打开;默认字体与部分背景走外部 CDN,离线场景需自行落盘并改路径。它不替代 PowerPoint 的协作批注或演讲者视图,而是把「好看且统一」收敛成填数组 + 改三处的交付型 HTML 演示。

使用场景

  • 内训讲师要把多模块课程大纲做成深色全屏页,交付学员双击浏览器即可跟讲的单文件 HTML。
  • 季度复盘要向管理层展示模块地图与进度导航,并要求与上次汇报保持同一玻璃拟态与动效风格。
  • 观光或产品介绍类演示需每页背景与地标、人物可辨认,按页替换真实配图并保证文字可读。
  • 咨询或项目收尾需把封面统计、资料包说明与评估页收进同一套版式,生成可直接转发的演示文件。

适合人员

  • 负责企业内训、要把课时与模块标签写进 `S` 数组并避免动设计软件的内训师。
  • 向技术团队讲解架构分模块、偏好深色科技风全屏切换的技术负责人或架构师。
  • 需复刻既有 HTML 演示配色与版式、只改内容与背景图的课程运营或培训策划。
  • 给客户交付汇报页、希望单文件零构建且能接受按需处理 CDN 图字体离线的独立顾问。