marp-slide-creator

marp-slide-creator

Marp を使用してプレゼンテーション用スライドの Markdown ファイルを作成するスキル。ユーザーの要望に基づいて、Marp の機能(ディレクティブ、画像構文、フラグメントリスト、テーマ設定等)をフル活用した高品質なスライドを生成します。「スライドを作成して」「プレゼン資料を作って」「Marp でスライドを書いて」「発表資料を Markdown で作成して」等のリクエストで使用してください。

1Sterne
0Forks
Aktualisiert 1/20/2026
SKILL.md
readonlyread-only
name
marp-slide-creator
description

Marp を使用してプレゼンテーション用スライドの Markdown ファイルを作成するスキル。ユーザーの要望に基づいて、Marp の機能(ディレクティブ、画像構文、フラグメントリスト、テーマ設定等)をフル活用した高品質なスライドを生成します。「スライドを作成して」「プレゼン資料を作って」「Marp でスライドを書いて」「発表資料を Markdown で作成して」等のリクエストで使用してください。

Marp スライドクリエイター

このスキルは、Marp を使用したプレゼンテーションスライドの Markdown ファイル作成をサポートします。

Marp について

Marp(Markdown Presentation Ecosystem)は、Markdown 記法でスライドを作成できるツールです。シンプルな Markdown ファイルから美しいプレゼンテーションを生成できます。

使用方法

事前準備:要件の確認

スライド作成を開始する前に、以下の情報をユーザーから収集してください。情報が不足している場合は質問して補足してください:

  1. プレゼンテーションの目的: 何のための発表か(会議、セミナー、授業、提案等)
  2. 対象読者: 誰に向けた発表か(技術者、経営層、学生、一般等)
  3. スライドの内容: 発表したい内容の概要またはアウトライン
  4. スライド枚数: 希望するスライドの枚数(目安)
  5. テーマ・スタイル: 希望するデザインテーマ(default、gaia、uncover 等)
  6. 特別な要件: ロゴ、背景画像、アニメーション等の要望

重要: 最低限、プレゼンテーションの目的と内容が明確になるまで作成を開始しないでください。

スライド作成ワークフロー

フェーズ 1: 構成の設計

  1. ユーザーの要望を分析し、スライドの構成案を作成
  2. 各スライドのタイトルと概要をリスト化
  3. ユーザーに構成案を確認し、フィードバックを反映

フェーズ 2: スライドの作成

  1. Marp の構文とディレクティブを活用してスライドを作成
  2. 適切な画像構文を使用して視覚的要素を追加
  3. フラグメントリストを使用してアニメーション効果を追加(必要に応じて)

フェーズ 3: 仕上げ

  1. 全体の一貫性を確認
  2. 誤字脱字のチェック
  3. ユーザーにレビューを依頼

リファレンス

Mermaid 図の使用

Marp で Mermaid 図(フローチャート、シーケンス図等)を使用する場合、以下の2点が必要です:

  1. JavaScript のロード: スライドの先頭(フロントマターの直後)に以下のスクリプトを追加
  2. mermaid クラスの使用: 図の定義を <pre class="mermaid"> タグで囲む

詳細は references/guide.md の「Mermaid 図」セクションを参照してください。

出力ファイル

  • ファイル名: slides.md または ユーザー指定のファイル名
  • 保存先: ユーザー指定のディレクトリ

作成時の原則

  • 一貫性: スライド全体でフォント、色、レイアウトを統一する
  • 簡潔さ: 1 スライドに詰め込みすぎない(1 スライド 1 メッセージ)
  • 視覚的: テキストだけでなく、図や画像を活用する
  • アクセシビリティ: 読みやすいフォントサイズとコントラストを確保

日本語での作成

スライドは日本語で作成します。ただし、ユーザーが他の言語を指定した場合はその言語で作成してください。

You Might Also Like

Related Skills

update-docs

update-docs

137Kdev-docs

This skill should be used when the user asks to "update documentation for my changes", "check docs for this PR", "what docs need updating", "sync docs with code", "scaffold docs for this feature", "document this feature", "review docs completeness", "add docs for this change", "what documentation is affected", "docs impact", or mentions "docs/", "docs/01-app", "docs/02-pages", "MDX", "documentation update", "API reference", ".mdx files". Provides guided workflow for updating Next.js documentation based on code changes.

vercel avatarvercel
Holen
docstring

docstring

97Kdev-docs

Write docstrings for PyTorch functions and methods following PyTorch conventions. Use when writing or updating docstrings in PyTorch code.

pytorch avatarpytorch
Holen
docs-writer

docs-writer

94Kdev-docs

Always use this skill when the task involves writing, reviewing, or editing files in the `/docs` directory or any `.md` files in the repository.

google-gemini avatargoogle-gemini
Holen
write-concept

write-concept

66Kdev-docs

Write or review JavaScript concept documentation pages for the 33 JavaScript Concepts project, following strict structure and quality guidelines

leonardomso avatarleonardomso
Holen
resource-curator

resource-curator

66Kdev-docs

Find, evaluate, and maintain high-quality external resources for JavaScript concept documentation, including auditing for broken and outdated links

leonardomso avatarleonardomso
Holen
doc-coauthoring

doc-coauthoring

47Kdev-docs

Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.

anthropics avataranthropics
Holen