Skip to content
cccskills
FreePublished on GitHub

marp-visual-fix

Marpスライドの表示崩れ・レイアウト問題の診断と修正。文字はみ出し、画像サイズ問題、PDF書き出し崩れを解決。「スライドの見た目を修正」「文字がはみ出す」などのリクエスト時に使用。

The English summary is being prepared. Showing the original description.

Run score Not tested

See how to install

Files included (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 (original)

Review the instructions the agent will receive before you install.

Marp Visual Fix スキル

Marpスライドの表示崩れやレイアウト問題を診断・修正するスキル。

使用タイミング

  • 「スライドの見た目を修正」
  • 「文字がはみ出す」
  • 「画像が切れている」
  • 「レイアウトがおかしい」
  • 「PDFにすると崩れる」

ワークフロー

  1. 問題確認: 現在のスライドをPNG出力して視覚的に確認
  2. 原因診断: Markdownとテーマを分析
  3. 修正案作成: 複数の修正オプションを提示
  4. 修正適用: 選択された方法で修正
  5. 確認: 修正後の画像を比較

参照スキル

  • marp-knowledge: ディレクティブ、画像構文の仕様

スクリプト

リファレンス

問題診断チェックリスト

  1. テキストはみ出し

    • フォントサイズが大きすぎないか
    • 箇条書きが多すぎないか
    • 見出しが長すぎないか
  2. 画像問題

    • サイズ指定が正しいか
    • パスが正しいか
    • アスペクト比が崩れていないか
  3. レイアウト問題

    • ディレクティブが正しいか
    • クラス指定が正しいか
    • スライド分割位置が適切か
  4. PDFエクスポート問題

    • 外部リソースがアクセス可能か
    • フォントが利用可能か
    • 画像形式が対応しているか

$ARGUMENTS

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

Marpスライドを各種形式(PDF, PNG, PPTX, HTML)にエクスポートするスキル。「PDFに変換」「スライドを書き出し」「画像で出力」「PowerPointにエクスポート」などのリクエストに対応。

The English summary is being prepared. Showing the original description.

ryo-touch/marp-skills3Updated Feb 27, 2026

Marpプレゼンテーションフレームワークの包括的な知識ベース。構文、ディレクティブ、テーマシステム、画像構文などの詳細情報を提供。他のMarpスキル(marp-markdown, marp-visual-fix, marp-theme-creator)から参照される基盤スキル。

The English summary is being prepared. Showing the original description.

ryo-touch/marp-skills3Updated Feb 27, 2026

Marp用Markdownプレゼンテーションファイルの作成・編集。スライドコンテンツの執筆、frontmatter設定、ディレクティブ適用を支援。「スライドを作りたい」「プレゼンを作成」などのリクエスト時に使用。

The English summary is being prepared. Showing the original description.

ryo-touch/marp-skills3Updated Feb 27, 2026

Marpテーマのビルドパイプライン構築。SCSS→CSSコンパイル、サンプル画像生成、Makefile設定、Git hook、GitHub Actions CI設定を支援。「テーマのビルド環境を整備」などのリクエスト時に使用。

The English summary is being prepared. Showing the original description.

ryo-touch/marp-skills3Updated Feb 27, 2026

Marp用カスタムテーマの新規作成。SCSS/CSSでのテーマ設計、カラーパレット定義、タイポグラフィ設定、スライドクラス実装を支援。「新しいMarpテーマを作りたい」などのリクエスト時に使用。

The English summary is being prepared. Showing the original description.

ryo-touch/marp-skills3Updated Feb 27, 2026

See all skills by ryo-touch

Report a problem with this skill