mcpField
M
marp-slides

marp-slides

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

marp-slides について

marp-slidesは、厳選された実例を参考にMarp Markdownのプレゼンテーションを作成するスキルです。SVGチャートやダッシュボード型レイアウトのコンポーネント、ダーク・ライトテーマを備えています。

主な機能

  1. 01Marp Markdownプレゼンテーション
  2. 02厳選された実例デッキ
  3. 03SVGチャートコンポーネント
  4. 04ダッシュボード型レイアウト
  5. 05ダーク・ライトテーマ

活用シーン

  1. 01Marpプレゼンテーションの作成
  2. 02チャート入りスライドの制作
  3. 03ダッシュボード型スライドの設計

インストール

コマンドをコピーしてターミナルで実行します。

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

インストール後、Claude Code で/marp-slidesを入力して読み込まれたか確認します。

同梱ファイルstub.yaml

詳細

marp-slides

カタログ用スタブ — スキルの完全版:robonuggets/marp-slides

判断ツリー

  1. 完全版のスキルはすでにインストールされていますか? この場所にあるスキルに das: ブロックがまだあるか確認します:

    • グローバル:grep -q "^das:" ~/.agents/skills/marp-slides/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • プロジェクト:grep -q "^das:" .agents/skills/marp-slides/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • das: ブロックがない → 完全版のスキルがインストールされています。スキルを呼び出して続行します
    • das: ブロックがある → ステップ 2 に進みます
  2. スコープを検出してから、インストールします:

    スコープを検出するには:

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

    グローバル(-g を付けてインストール):

    npx skills add robonuggets/marp-slides --skill marp-slides -g -y
    

    プロジェクト(-g を付けずにインストール):

    npx skills add robonuggets/marp-slides --skill marp-slides -y
    

    Claude Code: どちらかのコマンドを ! で始まるチャットメッセージとして送信すると、会話を離れずに実行できます。

インストール後の呼び出し

スキル名:marp-slides、トリガー:「Marp」、「marp-slides」、「Marp presentation」、「robonuggets slides」

機能

さまざまなコンテンツタイプやビジュアルスタイルを網羅した、厳選された22種類の実例スライドデッキを参考に、Marp Markdown プレゼンテーションを作成します。SVG ベースのチャートコンポーネント、ダッシュボード形式のレイアウトコンポーネント、ダーク/ライトのテーマバリエーションが含まれています。これらの例を通じて、適切な情報密度、視覚的階層、コンポーネントの再利用パターンなど、正しいスライド構成をスキルに学習させます。

使用しない場合

  • アニメーション付きまたはインタラクティブなスライド — 代わりに revealjs-skill を使用します
  • Vue コンポーネントを使った開発者向けプレゼンテーション — 代わりに slidev-skill を使用します
  • 既存の Marp デッキの品質チェック — 作成後に補助ツールとして marp-slide-quality を使用します

コメント