mcpField
M
marp-slide-quality

marp-slide-quality

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

marp-slide-quality について

marp-slide-qualityは、レンダリング前にMarp Markdownのプレゼンテーションを分析するスキルです。はみ出し、コントラスト、文字量、構成不足、レイアウト上の問題を検出し、スコア付きレポートと修正案を示します。

主な機能

  1. 01スライド内容のはみ出し検出
  2. 02色のコントラスト確認
  3. 03文字量過多の指摘
  4. 04構成不足とレイアウト問題の検出
  5. 05スコア付きレポートと修正案

活用シーン

  1. 01Marp資料の初稿後レビュー
  2. 02レンダリング前のはみ出し確認
  3. 03コントラストと文字量の点検
  4. 04品質レポートによる修正の優先順位付け

インストール

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

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

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

同梱ファイルstub.yaml

詳細

marp-slide-quality

カタログのスタブ — 完全版スキル:nibzard/marp-slide-quality

判断ツリー

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

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

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

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

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

    npx skills add nibzard/marp-slide-quality --skill marp-slide-quality -g -y
    

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

    npx skills add nibzard/marp-slide-quality --skill marp-slide-quality -y
    

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

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

スキル名:marp-slide-quality、トリガー:「marp slide quality」、「SlideGauge」、「marp-slide-quality」、「nibzard marp」

機能

Marp の Markdown プレゼンテーションをレンダリングする前に、SlideGauge による品質分析を実行し、レンダリング時に初めて視覚的に現れる問題を検出します。コンテンツのはみ出し(スライドの境界からテキストがはみ出す)、色のコントラスト不足、テキスト密度の過剰、構造要素の不足、レイアウトのアンチパターンを検出します。具体的な修正案を含むスコア付きレポートを生成します。marp-slides で最初のデッキを生成した後のレビュー工程で使用するのが最適です。

使用しない場合

  • Reveal.js または Slidev のプレゼンテーション — SlideGauge は Marp 専用です
  • スライドを一から作成する場合 — まず marp-slides を使用し、その後、品質レビューにこのツールを実行します
  • Marp のレンダリング済み出力が必要な場合 — これはレンダリング結果ではなく、Markdown ソースを分析します

コメント