القائمة
Marpプレゼンテーションの技術的制約とベストプラクティス。marp:trueのMarkdown編集時やスライド作成リクエスト時に自動使用。
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/nwiizo/workspace_2026 --skill marp-slide-editingيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
استنادا إلى تصنيف SOC المهني
عرض SKILL.md
| name | marp-slide-editing |
| description | Marpプレゼンテーションの技術的制約とベストプラクティス。marp:trueのMarkdown編集時やスライド作成リクエスト時に自動使用。 |
marp: true フロントマターを含むMarkdownファイルの編集時**太字** vs <strong> 問題Marpの <div> 要素内では、Markdownの **text** 記法が正しくレンダリングされないことがある。
ルール:
<div> 内の太字は常に <strong>text</strong> を使う<strong> の方が安全**text** で問題なし<strong> で統一する<div> 内でMarkdownの画像記法  を使うと表示されないことがある。HTMLの <img> タグを使う。
<div style="text-align: center;">
<img src="path/to/image.png" alt="説明" style="max-width: 80%;">
</div>
| サイズ | 用途 | 判定 |
|---|---|---|
| 0.8em | 余裕のあるスライド | OK |
| 0.75em | 標準 | 推奨 |
| 0.7em | やや詰まった | 注意 |
| 0.68em以下 | 分割が必要 | NG |
| 0.65em | 絶対限界 | 分割必須 |
以下のいずれかに該当したら分割:
(1/2) 形式は使わない）文言を短くするより font-size: 0.9em 等で微調整する方が内容を保てる。
Marpでは position: absolute や position: sticky でのタイトル固定は困難:
<section> 要素としてレンダリングposition: absolute はコンテンツの重なり問題を引き起こす対策: 通常のドキュメントフローを使用し、収まらない場合はスライド分割。
align-items: center を基本指定して垂直中央揃えにする。画像とテキストを並べる場合、画像がスライド上に寄りすぎないよう注意。
# HTML生成
npx @marp-team/marp-cli <file>.md -o <file>.html
# ブラウザで確認
open <file>.html
スライド修正時は外科的に行う:
<div> 内で **太字** を使う（<strong> を使うべき）(1/2) (2/2) を使う