mcpField
F
frontend-slides

frontend-slides

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

frontend-slides について

frontend-slides は、単体で動作する HTML プレゼンテーションの作成や、PPT/PPTX からウェブスライドへの変換を行うスキルです。アニメーション、カスタムレイアウト、ナビゲーション、発表者ノートを含む資料を作成できます。

主な機能

  1. 01アニメーション付き HTML プレゼンを作成
  2. 02PPT/PPTX をウェブスライドに変換
  3. 03トランジションとカスタムレイアウトを追加
  4. 04発表者ノートに対応
  5. 05キーボードとタッチ操作に対応
  6. 06ビルド不要の単一 HTML ファイルを出力

活用シーン

  1. 01ウェブプレゼンテーションを一から作成
  2. 02既存の PPT/PPTX プレゼンを変換
  3. 03発表者ノートとナビゲーション付きのスライドを準備

インストール

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

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

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

同梱ファイルstub.yaml

詳細

frontend-slides

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

判断ツリー

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

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

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

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

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

    npx skills add zarazhangrui/frontend-slides --skill frontend-slides -g -y
    

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

    npx skills add zarazhangrui/frontend-slides --skill frontend-slides -y
    

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

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

  • スキル名:frontend-slides
  • トリガーフレーズ:「frontend slides」、「HTML slides」、「web presentation」、「animated slides」

機能

アニメーション豊かな自己完結型 HTML プレゼンテーションをゼロから作成するほか、既存の PPT/PPTX ファイルを洗練されたウェブスライドに変換します。スムーズなトランジション、カスタムレイアウト、発表者用ノート、キーボード/タッチ操作によるナビゲーションに対応しています。出力は単一の HTML ファイルで、ビルド手順は不要です。

コメント