Menu
Marpテーマのビルドパイプライン構築。SCSS→CSSコンパイル、サンプル画像生成、Makefile設定、Git hook、GitHub Actions CI設定を支援。「テーマのビルド環境を整備」などのリクエスト時に使用。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Marpスライドを各種形式（PDF, PNG, PPTX, HTML）にエクスポートするスキル。「PDFに変換」「スライドを書き出し」「画像で出力」「PowerPointにエクスポート」などのリクエストに対応。
Marpプレゼンテーションフレームワークの包括的な知識ベース。構文、ディレクティブ、テーマシステム、画像構文などの詳細情報を提供。他のMarpスキル(marp-markdown, marp-visual-fix, marp-theme-creator)から参照される基盤スキル。
Marp用Markdownプレゼンテーションファイルの作成・編集。スライドコンテンツの執筆、frontmatter設定、ディレクティブ適用を支援。「スライドを作りたい」「プレゼンを作成」などのリクエスト時に使用。
Marp用カスタムテーマの新規作成。SCSS/CSSでのテーマ設計、カラーパレット定義、タイポグラフィ設定、スライドクラス実装を支援。「新しいMarpテーマを作りたい」などのリクエスト時に使用。
Marpスライドの表示崩れ・レイアウト問題の診断と修正。文字はみ出し、画像サイズ問題、PDF書き出し崩れを解決。「スライドの見た目を修正」「文字がはみ出す」などのリクエスト時に使用。
| name | marp-theme-builder |
| description | Marpテーマのビルドパイプライン構築。SCSS→CSSコンパイル、サンプル画像生成、Makefile設定、Git hook、GitHub Actions CI設定を支援。「テーマのビルド環境を整備」などのリクエスト時に使用。 |
Marpテーマのビルドパイプラインを構築するスキル。
my-marp-theme/
├── .github/
│ └── workflows/
│ └── test.yml # CI設定
├── .githooks/
│ └── pre-commit # pre-commitフック
├── marp-themes/
│ ├── theme.scss # テーマソース
│ └── theme.css # 生成されるCSS
├── example/
│ ├── example.md # サンプルスライド
│ └── example.001.png # 生成される画像
├── Makefile
├── package.json # (オプション)
└── README.md
SCSS ─────> CSS ─────> PNG画像
(sass) (marp-cli)
│
▼
Git commit
│
▼
pre-commit hook
(make実行)
│
▼
CI (GitHub Actions)
(画像差分テスト)
$ARGUMENTS