mcpField
S
slidev-skill

slidev-skill

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

关于 slidev-skill

slidev-skill 是 Slidev 团队维护的官方技能，面向需要制作开发者技术演示文稿的 Agent。它提供 Slidev Markdown 格式及 Vue 嵌入、代码高亮、动画和演讲者模式的使用指导。

主要功能

  1. 01Slidev Markdown 使用指导
  2. 02嵌入 Vue 组件
  3. 03Shiki 语法高亮
  4. 04点击播放动画
  5. 05演讲者模式
  6. 06导出为 PDF、PPTX 和 SPA

适用场景

  1. 01制作面向开发者的技术幻灯片
  2. 02在演示文稿中嵌入 Vue 组件
  3. 03将演示文稿导出为 PDF 或 PPTX

安装

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

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

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

附带文件stub.yaml

详细介绍

slidev-skill

目录占位条目 — 完整技能：slidevjs/slidev

决策树

  1. 是否已安装完整技能？ 上游将此技能命名为 slidev，因此它会安装在此指针旁边（不会替换该指针）。

    • 全局：f=~/.agents/skills/slidev/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • 项目：f=.agents/skills/slidev/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → 技能已以 slidev 的名称安装，调用它并继续
    • pointer → 转到第 2 步

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

    [ -e ~/.agents/skills/slidev-skill ] && echo "global" || echo "project"

    全局：

    npx skills add slidevjs/slidev --skill slidev -g -y

    项目：

    npx skills add slidevjs/slidev --skill slidev -y

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

Claude Code 插件方式：

/plugin marketplace add slidevjs/slidev
/plugin install slidev@slidev-plugins

注意事项

  • 要求： 运行 Slidev 本身需要 Node.js 和 pnpm（或 npm）；导出 PDF 还需要 playwright-chromium
  • 许可证： MIT
  • 下载大小： 约 80 MB。

安装后调用

  • 技能名称：slidev
  • 触发短语："Slidev"、"Slidev presentation"、"developer slides Vue"

功能

由 Slidev 团队维护的官方 Claude 技能。它全面介绍 Slidev 基于 Markdown 的演示文稿格式，使 Agent 能够生成面向开发者的技术演示文稿，其中包含 Vue 组件嵌入、由 Shiki 驱动的语法高亮、点击切换动画和演讲者模式。Slidev 演示文稿通过本地 Vite 开发服务器运行，并可导出为 PDF、PPTX 或托管的 SPA。

不适用场景

  • 根据大纲制作 PowerPoint/PPTX 文件 — 请改用 anthropics-skills（其 pptx 技能）
  • 不含 Vue 组件的简单 Marp Markdown — 请改用 marp-slides
  • Reveal.js HTML 输出 — 请改用 revealjs-skill
  • 需要会议演示文稿质量规范 — 可改用带有设计约束的 cc-slidev

评论

支持 Markdown