marp-slides について
marp-slidesは、厳選された実例を参考にMarp Markdownのプレゼンテーションを作成するスキルです。SVGチャートやダッシュボード型レイアウトのコンポーネント、ダーク・ライトテーマを備えています。
主な機能
- 01Marp Markdownプレゼンテーション
- 02厳選された実例デッキ
- 03SVGチャートコンポーネント
- 04ダッシュボード型レイアウト
- 05ダーク・ライトテーマ
活用シーン
- 01Marpプレゼンテーションの作成
- 02チャート入りスライドの制作
- 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
判断ツリー
-
完全版のスキルはすでにインストールされていますか? この場所にあるスキルに
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 に進みます
- グローバル:
-
スコープを検出してから、インストールします:
スコープを検出するには:
[ -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 -yClaude Code: どちらかのコマンドを
!で始まるチャットメッセージとして送信すると、会話を離れずに実行できます。
インストール後の呼び出し
スキル名:marp-slides、トリガー:「Marp」、「marp-slides」、「Marp presentation」、「robonuggets slides」
機能
さまざまなコンテンツタイプやビジュアルスタイルを網羅した、厳選された22種類の実例スライドデッキを参考に、Marp Markdown プレゼンテーションを作成します。SVG ベースのチャートコンポーネント、ダッシュボード形式のレイアウトコンポーネント、ダーク/ライトのテーマバリエーションが含まれています。これらの例を通じて、適切な情報密度、視覚的階層、コンポーネントの再利用パターンなど、正しいスライド構成をスキルに学習させます。
使用しない場合
- アニメーション付きまたはインタラクティブなスライド — 代わりに revealjs-skill を使用します
- Vue コンポーネントを使った開発者向けプレゼンテーション — 代わりに slidev-skill を使用します
- 既存の Marp デッキの品質チェック — 作成後に補助ツールとして marp-slide-quality を使用します
コメント
Markdown 対応