メニュー
このプロジェクトでの Marp スライド作成ルール。スライド作成、画像配置、ビルド、プレビュー時に使用。画像は slides/images/ に配置、bun run preview/build を使用。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | creating-marp-slides |
| description | このプロジェクトでの Marp スライド作成ルール。スライド作成、画像配置、ビルド、プレビュー時に使用。画像は slides/images/ に配置、bun run preview/build を使用。 |
本プロジェクトにおける Marp スライド作成の固有ルールと設定。
スライドで使用する画像は 必ず slides/images/ に配置。
理由: Marp CLI サーバーモードはルート以下のみ配信。他の場所では CLI プレビューで表示されない。 参考: GitHub Issue #163
| 種類 | パス |
|---|---|
| スライド | slides/*.md |
| 画像 | slides/images/ |
| カスタムテーマ | themes/*.css |
| 出力 | dist/ |
# プレビュー（ルートから実行）
bun run preview
# → http://localhost:8080/slides/[ファイル名].md
# ビルド
bun run build # HTML + PDF
bun run build:html # HTML のみ
bun run build:pdf # PDF のみ
bun run build:pptx # PPTX のみ
allowLocalFiles: true # ローカル画像読み込み許可
themeSet: ./themes # カスタムテーマディレクトリ
html: true # HTML タグ許可
その他のオプション（inputDir, output 等）については Marp CLI 公式ドキュメント を参照。
---
marp: true
theme: default # または gaia, uncover
paginate: true # 推奨
---
default: ビジネス向け、シンプルgaia: カラフル、視覚的uncover: ミニマル、テキスト中心注意: invert クラスは default テーマで最も安定。gaia では期待通りに動作しない場合あり。