slidev-skill について
slidev-skillは、開発者向けの技術プレゼンテーションを作成するエージェント向けの、Slidevチーム公式スキルです。SlidevのMarkdown形式やVueの埋め込みに加え、コードハイライト、アニメーション、発表者モードの使い方を案内します。
主な機能
- 01Slidev Markdownのガイド
- 02Vueコンポーネントの埋め込み
- 03Shikiによる構文ハイライト
- 04クリック操作のアニメーション
- 05発表者モード
- 06PDF、PPTX、SPAへのエクスポート
活用シーン
- 01開発者向け技術スライドの作成
- 02プレゼンテーションへのVueコンポーネント埋め込み
- 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
判断フロー
-
完全版スキルはすでにインストールされていますか? 上流ではこのスキルを
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に進みます
- グローバル:
-
スコープを検出してからインストールします:
[ -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 -yClaude 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を使用します
コメント
Markdown 対応