frontend-slides について
frontend-slides は、単体で動作する HTML プレゼンテーションの作成や、PPT/PPTX からウェブスライドへの変換を行うスキルです。アニメーション、カスタムレイアウト、ナビゲーション、発表者ノートを含む資料を作成できます。
主な機能
- 01アニメーション付き HTML プレゼンを作成
- 02PPT/PPTX をウェブスライドに変換
- 03トランジションとカスタムレイアウトを追加
- 04発表者ノートに対応
- 05キーボードとタッチ操作に対応
- 06ビルド不要の単一 HTML ファイルを出力
活用シーン
- 01ウェブプレゼンテーションを一から作成
- 02既存の PPT/PPTX プレゼンを変換
- 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
判断ツリー
-
スキルの完全版はすでにインストールされていますか? 次の場所にあるスキルに、まだ
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 に進みます
- グローバル:
-
スコープを検出してから、インストールします:
スコープを検出するには:
[ -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 -yClaude Code: 会話を離れずにコマンドを実行するには、どちらかのコマンドの先頭に
!を付けてチャットメッセージとして送信します。
インストール後の呼び出し
- スキル名:
frontend-slides - トリガーフレーズ:「frontend slides」、「HTML slides」、「web presentation」、「animated slides」
機能
アニメーション豊かな自己完結型 HTML プレゼンテーションをゼロから作成するほか、既存の PPT/PPTX ファイルを洗練されたウェブスライドに変換します。スムーズなトランジション、カスタムレイアウト、発表者用ノート、キーボード/タッチ操作によるナビゲーションに対応しています。出力は単一の HTML ファイルで、ビルド手順は不要です。
コメント
Markdown 対応