Agent skill
marp-slide-creator
Marp を使用してプレゼンテーション用スライドの Markdown ファイルを作成するスキル。ユーザーの要望に基づいて、Marp の機能(ディレクティブ、画像構文、フラグメントリスト、テーマ設定等)をフル活用した高品質なスライドを生成します。「スライドを作成して」「プレゼン資料を作って」「Marp でスライドを書いて」「発表資料を Markdown で作成して」等のリクエストで使用してください。
Install this agent skill to your Project
npx add-skill https://github.com/ks6088ts-labs/skills/tree/main/skills/marp-slide-creator
SKILL.md
Marp スライドクリエイター
このスキルは、Marp を使用したプレゼンテーションスライドの Markdown ファイル作成をサポートします。
Marp について
Marp(Markdown Presentation Ecosystem)は、Markdown 記法でスライドを作成できるツールです。シンプルな Markdown ファイルから美しいプレゼンテーションを生成できます。
使用方法
事前準備:要件の確認
スライド作成を開始する前に、以下の情報をユーザーから収集してください。情報が不足している場合は質問して補足してください:
- プレゼンテーションの目的: 何のための発表か(会議、セミナー、授業、提案等)
- 対象読者: 誰に向けた発表か(技術者、経営層、学生、一般等)
- スライドの内容: 発表したい内容の概要またはアウトライン
- スライド枚数: 希望するスライドの枚数(目安)
- テーマ・スタイル: 希望するデザインテーマ(default、gaia、uncover 等)
- 特別な要件: ロゴ、背景画像、アニメーション等の要望
重要: 最低限、プレゼンテーションの目的と内容が明確になるまで作成を開始しないでください。
スライド作成ワークフロー
フェーズ 1: 構成の設計
- ユーザーの要望を分析し、スライドの構成案を作成
- 各スライドのタイトルと概要をリスト化
- ユーザーに構成案を確認し、フィードバックを反映
フェーズ 2: スライドの作成
- Marp の構文とディレクティブを活用してスライドを作成
- 適切な画像構文を使用して視覚的要素を追加
- フラグメントリストを使用してアニメーション効果を追加(必要に応じて)
フェーズ 3: 仕上げ
- 全体の一貫性を確認
- 誤字脱字のチェック
- ユーザーにレビューを依頼
リファレンス
- Marp 構文ガイド: references/guide.md を参照
- スライドテンプレート: references/template.md を参照
Mermaid 図の使用
Marp で Mermaid 図(フローチャート、シーケンス図等)を使用する場合、以下の2点が必要です:
- JavaScript のロード: スライドの先頭(フロントマターの直後)に以下のスクリプトを追加
- mermaid クラスの使用: 図の定義を
<pre class="mermaid">タグで囲む
詳細は references/guide.md の「Mermaid 図」セクションを参照してください。
出力ファイル
- ファイル名:
slides.mdまたは ユーザー指定のファイル名 - 保存先: ユーザー指定のディレクトリ
作成時の原則
- 一貫性: スライド全体でフォント、色、レイアウトを統一する
- 簡潔さ: 1 スライドに詰め込みすぎない(1 スライド 1 メッセージ)
- 視覚的: テキストだけでなく、図や画像を活用する
- アクセシビリティ: 読みやすいフォントサイズとコントラストを確保
日本語での作成
スライドは日本語で作成します。ただし、ユーザーが他の言語を指定した場合はその言語で作成してください。
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
reverse-engineering
ソフトウェアのリバースエンジニアリングレポートを作成するスキル。リポジトリの構造や機能を調査し、外部仕様・内部実装・使用方法を明確にするレポートを作成します。「リバースエンジニアリングレポートを作成して」「コードベースを分析して」「プロジェクトの構造を調査して」「システムの仕組みを解析して」等のリクエストで使用してください。新規開発者のオンボーディング、プロジェクトの理解、ドキュメント作成、将来の開発のための基礎資料として活用できます。
architecture-design-creator
PRDと機能設計書に基づいてアーキテクチャ設計書を作成するスキル。docs/prd.md と docs/functional-design.md が存在する場合に、テクノロジースタック、レイヤードアーキテクチャ、データ永続化戦略、パフォーマンス要件、セキュリティ設計等を含むアーキテクチャ設計書を作成します。「アーキテクチャ設計書を作成して」「技術仕様書を書いて」「architecture design を作って」等のリクエストで使用してください。
marp-slide-reviewer
ローカルサーバーで起動している Marp スライドを視覚的に検証し、レイアウト問題を自動修正するスキル。「スライドをレビュー」「Marp スライドの視覚的チェック」「スライドのレイアウトを確認」「プレゼン資料の見た目を検証」などのリクエストでトリガーします。テキストの切れ目、重なり、配置問題、コントラスト不足、はみ出し、余白不足などの視覚的問題を検出・修正します。
agents-md-creator
AIコーディングエージェント向けの指示書「AGENTS.md」を作成するスキル。プロジェクトにAIエージェントが作業するための文脈と指示を集約するファイルを作成したい場合に使用します。「AGENTS.mdを作成」「AIエージェント用の指示書を作る」「エージェント向けREADMEを作成」などのリクエストでトリガーします。OpenAI Codex、Claude Code、GitHub Copilot、Cursorなど、複数のAIエージェントで共通利用できるオープンな標準フォーマットです。
doc-writer
ドキュメント執筆をサポートするスキル。ユーザーがPRDに基づいてドキュメントを作成、編集、または更新したい場合に使用します。このスキルは、docs/prd.md に記載されたプロダクト要求仕様書を参照しながら、技術ドキュメント、設計ドキュメント、ユーザーガイド、APIドキュメントなどの執筆を支援します。「ドキュメントを書く」「仕様書を作成」「ガイドを作る」などのドキュメント作成タスクに言及した場合にトリガーします。
glossary-creator
プロジェクト用語集を作成するスキル。docs/prd.md や docs/functional-design.md が存在する場合に、ドメイン用語、技術用語、略語、アーキテクチャ用語等を体系的に定義した用語集を作成します。「用語集を作成して」「glossary を作って」「用語を定義して」等のリクエストで使用してください。
Didn't find tool you were looking for?