mcpField
S
slidev-skill

slidev-skill

github.com/podoドキュメント29207 回インストール1 日前に更新
リポジトリ

slidev-skill について

slidev-skillは、開発者向けの技術プレゼンテーションを作成するエージェント向けの、Slidevチーム公式スキルです。SlidevのMarkdown形式やVueの埋め込みに加え、コードハイライト、アニメーション、発表者モードの使い方を案内します。

主な機能

  1. 01Slidev Markdownのガイド
  2. 02Vueコンポーネントの埋め込み
  3. 03Shikiによる構文ハイライト
  4. 04クリック操作のアニメーション
  5. 05発表者モード
  6. 06PDF、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 スキルです。Markdown ベースの Slidev プレゼンテーション形式に関する包括的な知識を提供し、エージェントが Vue コンポーネントの埋め込み、Shiki によるシンタックスハイライト、クリックで進むアニメーション、プレゼンターモードを備えた、開発者向けの技術プレゼンテーションを作成できるようにします。Slidev のプレゼンテーションはローカルの Vite 開発サーバーで動作し、PDF、PPTX、またはホストされた SPA にエクスポートできます。

使用しないケース

  • アウトラインから作成する PowerPoint/PPTX ファイル — 代わりに anthropics-skills(その pptx スキル)を使用します
  • Vue コンポーネントを使わないシンプルな Marp Markdown — 代わりに marp-slides を使用します
  • Reveal.js の HTML 出力 — 代わりに revealjs-skill を使用します
  • カンファレンス向けスライドの品質ガードレール — デザイン上の制約がある代替手段として cc-slidev を使用します

コメント