AgentSkillsCN

slide-style-rector

依据矩形幻灯片样式指南,美观地调整Marp幻灯片的布局。

SKILL.md
--- frontmatter
name: slide-style-rector
description: レクタースライドスタイルガイドに基づいてMarpスライドの
  レイアウトを美しく整形する。

slide-style-rector

まず Maker/slides/example.md を読み、49種類のレイアウトパターンから 最適なものを選んで適用する。

独自レイアウトを作成せず、example.mdのパターンを使うことで デザインの一貫性を維持する。

逸脱を根本的に防ぐ運用

原則

  • サンプルを「参考にして再実装」しない
    • 必ず「サンプルを複製して差し替える」(値を推測して書かない)
  • 独自CSSを足さない
    • style:Maker/slides/example.md の内容をそのまま利用する
    • スライド個別の見た目調整が必要な場合だけ、当該スライド内で <style scoped> を使う(クラス定義の上書きはしない)

推奨手順(テンプレ固定)

  1. Maker/slides/example.md をベースにして新しいデッキを作る
    • frontmatter(marp/theme/paginate/style)はコピペで完全一致させる
  2. 各スライドは「パターンのブロックを丸ごと」コピーして、文言と画像だけ差し替える
    • <!-- _class: ... -->div 構造、クラス名、gap 等の値を変えない
  3. 最後に「一致チェック」を行う(次項)

一致チェック(最低限)

  • 目次
    • .toc-layoutgap: 140px
    • .toc-title-group h2text-align: centeralign-self: center
  • 表紙ロゴ
    • 氏名行に <img class="logo-inline" ...> がある
    • .logo-inlinestyle: 内で定義されている

補足

  • ロゴ画像の扱い
    • サンプルは logo.png を前提にしているため、運用としては「デッキの置き場所に logo.png を同梱」するのが安全(相対パスが崩れにくい)
    • 同梱できない場合は、参照パスを明示し、レンダリングで確認する

参照ファイル

ファイル内容
slides/example.md42種類のレイアウトパターン
docs/style-guide.mdカラー、タイポグラフィなどスタイルの詳細定義