菜单
Marpテーマの追加・変更・確認ワークフロー。「テーマを追加して」「配色を変えたい」「テーマの見え方を確認して」「全テーマを見比べたい」、または themes/ のCSSを触るときに必ず使う。コントラスト検査とギャラリーでの実物確認、登録先の更新手順を含む。
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/unsolublesugar/marp-slides-studio --skill marp-theme命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | marp-theme |
| description | Marpテーマの追加・変更・確認ワークフロー。「テーマを追加して」「配色を変えたい」「テーマの見え方を確認して」「全テーマを見比べたい」、または themes/ のCSSを触るときに必ず使う。コントラスト検査とギャラリーでの実物確認、登録先の更新手順を含む。 |
テーマは themes/ にあり、CSS変数の上書きだけで作る。組み方そのものを変えるときだけ layout-*.css（唯一セレクタを持つレイヤー）を足す。
| コマンド | 何ができるか |
|---|---|
npm run gallery | 全テーマを template/slides.md の全レイアウトパターンでPNG化し、一覧HTMLを生成してブラウザで開く。通常表示は代表4枚（表紙 / 章扉 / 箇条書き / コード）で、テーマごと・一括で全パターンに展開できる |
npm run gallery -- sunrise wave-coral | テーマを絞って確認する（全テーマ生成は数分かかるので、確認対象が決まっているときはこちら） |
npm run theme-check | 配色のコントラスト比を機械的に検査する。閾値割れがあれば終了コード1 |
npm run theme-check -- sunrise | テーマを絞って検査する |
ギャラリーは名前・説明での絞り込みと、配色／組み合わせの切り替えができる。画像はクリックで原寸。生成物は .gallery/（.gitignore済み）。
目視だけで判断しない。 濃色パネル上の小さいラベルなど、目視では気づけない低コントラストが必ず残る。npm run theme-check を通してから npm run gallery で実物を見る、の順で確認する。
themes/wine.css、雰囲気ごと変えるなら themes/casual-mint.css、暗いキャンバスや白地＋装飾など組み方から変えるなら themes/layout-aurora.css / themes/layout-wave.css を手本にするnpm run theme-check を通す（閾値割れゼロにする）npm run gallery -- <テーマ名> で4枚を見るnpm run docs-shot で docs/*.png を撮り直す（marp-shots スキル）このリストが正。hook や他のドキュメントはここへ誘導するだけなので、変更はこの節に対して行う。
themes/。レイアウトレイヤーを足したならMarp特有の注意書きも。件数を書くのは「テーマN種」「名前はN個」の2表現だけにする（この2つは npm run theme-check が実数と照合する。それ以外の件数表記は腐るので書かない）markdown.marp.themes。layout-* レイヤー自体も登録する（未登録だとVS Codeプレビューで @import が解決できない）。登録漏れは npm run theme-check が検出するCOLOR_THEMES / TONES / LAYOUTS に追加してから npm run docs-shotnpm run new のテーマ一覧・template/slides.md・ギャラリーは themes/ から動的に列挙するので更新不要。テーマCSSの2行目コメント（カテゴリ / 配色: 用途 の1行）がそのまま一覧の説明文になるため、この形式で書く。