mcpField
F
frontend-slides

frontend-slides

github.com/podo文档处理29166 次安装3 天前更新
代码仓库

关于 frontend-slides

frontend-slides 可从头制作独立 HTML 演示文稿，也可将 PPT/PPTX 转为网页幻灯片，适用于需要动画、自定义布局、导航和演讲者备注的演示制作。

主要功能

  1. 01制作动画 HTML 演示文稿
  2. 02将 PPT/PPTX 转为网页幻灯片
  3. 03添加转场和自定义布局
  4. 04支持演讲者备注
  5. 05支持键盘和触控导航
  6. 06输出单个 HTML 文件，无需构建

适用场景

  1. 01从头制作网页演示文稿
  2. 02转换现有 PPT/PPTX 演示文稿
  3. 03制作带演讲者备注和导航的幻灯片

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill frontend-slides

安装后在 Claude Code 中输入/frontend-slides确认已加载。

附带文件stub.yaml

详细介绍

frontend-slides

目录条目 — 完整技能：zarazhangrui/frontend-slides

决策树

  1. 是否已安装完整技能？ 检查此位置的技能是否仍包含 das: 块：

    • 全局：grep -q "^das:" ~/.agents/skills/frontend-slides/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • 项目：grep -q "^das:" .agents/skills/frontend-slides/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • 不含 das: 块 → 已安装完整技能，调用它并继续
    • 存在 das: 块 → 转到第 2 步

  2. 检测范围，然后安装：

    检测范围：

    [ -e ~/.agents/skills/frontend-slides ] && echo "global" || echo "project"

    全局（使用 -g 安装）：

    npx skills add zarazhangrui/frontend-slides --skill frontend-slides -g -y

    项目（不使用 -g 安装）：

    npx skills add zarazhangrui/frontend-slides --skill frontend-slides -y

    Claude Code： 发送任一命令作为以 ! 开头的聊天消息，即可在不离开对话的情况下运行。

安装后调用

  • 技能名称：frontend-slides
  • 触发短语："frontend slides"、"HTML slides"、"web presentation"、"animated slides"

功能

从头创建动画丰富、独立运行的 HTML 演示文稿，也可将现有 PPT/PPTX 文件转换为精美的网页幻灯片。支持平滑过渡、自定义布局、演讲者备注，以及键盘和触控导航。输出为单个 HTML 文件，无需构建步骤。

评论

支持 Markdown