Marpスライドを各種形式（PDF, PNG, PPTX, HTML）にエクスポートするスキル。「PDFに変換」「スライドを書き出し」「画像で出力」「PowerPointにエクスポート」などのリクエストに対応。
ryo-touch/marp-skills32026年2月27日 更新
無料GitHub で公開
marp-visual-fix
Marpスライドの表示崩れ・レイアウト問題の診断と修正。文字はみ出し、画像サイズ問題、PDF書き出し崩れを解決。「スライドの見た目を修正」「文字がはみ出す」などのリクエスト時に使用。
含まれるファイル（6）
- SKILL.md2.1 KB
- references/common-issues.md3.7 KB
- references/css-adjustment.md3.8 KB
- references/fix-patterns.md4.2 KB
- scripts/compare_slides.py4.4 KB
- scripts/export_png.sh1.2 KB
SKILL.md（原文）
インストールする前に、エージェントに与えられる指示の中身を確認できます。
Marp Visual Fix スキル
Marpスライドの表示崩れやレイアウト問題を診断・修正するスキル。
使用タイミング
- 「スライドの見た目を修正」
- 「文字がはみ出す」
- 「画像が切れている」
- 「レイアウトがおかしい」
- 「PDFにすると崩れる」
ワークフロー
- 問題確認: 現在のスライドをPNG出力して視覚的に確認
- 原因診断: Markdownとテーマを分析
- 修正案作成: 複数の修正オプションを提示
- 修正適用: 選択された方法で修正
- 確認: 修正後の画像を比較
参照スキル
- marp-knowledge: ディレクティブ、画像構文の仕様
スクリプト
- export_png.sh - PNG画像へエクスポート
- compare_slides.py - 修正前後の画像比較
リファレンス
- common-issues.md - よくある表示問題
- fix-patterns.md - 問題別修正パターン
- css-adjustment.md - CSS調整テクニック
問題診断チェックリスト
-
テキストはみ出し
- フォントサイズが大きすぎないか
- 箇条書きが多すぎないか
- 見出しが長すぎないか
-
画像問題
- サイズ指定が正しいか
- パスが正しいか
- アスペクト比が崩れていないか
-
レイアウト問題
- ディレクティブが正しいか
- クラス指定が正しいか
- スライド分割位置が適切か
-
PDFエクスポート問題
- 外部リソースがアクセス可能か
- フォントが利用可能か
- 画像形式が対応しているか
$ARGUMENTS
レビュー
まだレビューはありません。使ってみた感想をお寄せください。
同じリポジトリのスキル
概要と使いどころ
Marpプレゼンテーションフレームワークの包括的な知識ベース。構文、ディレクティブ、テーマシステム、画像構文などの詳細情報を提供。他のMarpスキル(marp-markdown, marp-visual-fix, marp-theme-creator)から参照される基盤スキル。
ryo-touch/marp-skills32026年2月27日 更新
Marp用Markdownプレゼンテーションファイルの作成・編集。スライドコンテンツの執筆、frontmatter設定、ディレクティブ適用を支援。「スライドを作りたい」「プレゼンを作成」などのリクエスト時に使用。
ryo-touch/marp-skills32026年2月27日 更新
Marpテーマのビルドパイプライン構築。SCSS→CSSコンパイル、サンプル画像生成、Makefile設定、Git hook、GitHub Actions CI設定を支援。「テーマのビルド環境を整備」などのリクエスト時に使用。
ryo-touch/marp-skills32026年2月27日 更新
Marp用カスタムテーマの新規作成。SCSS/CSSでのテーマ設計、カラーパレット定義、タイポグラフィ設定、スライドクラス実装を支援。「新しいMarpテーマを作りたい」などのリクエスト時に使用。
ryo-touch/marp-skills32026年2月27日 更新