Marp Theme Creator スキル
Marp用のカスタムテーマを新規作成するスキル。
使用タイミング
- •「新しいMarpテーマを作りたい」
- •「会社用のテーマを作成」
- •「カスタムテーマを設計」
- •「スライドのデザインを統一したい」
ワークフロー
- •要件確認: ブランドカラー、フォント、用途を確認
- •設計: カラーパレット、タイポグラフィ、レイアウトを設計
- •SCSS作成: テーマのSCSSを記述
- •スライドクラス実装: lead, cover等のクラスを実装
- •サンプルテスト: サンプルスライドで確認
参照スキル
- •marp-knowledge: テーマシステム仕様、CSS変数
- •marp-theme-builder: ビルド環境構築（作成後）
リファレンス
- •scss-structure.md - SCSS構造ガイド
- •css-variables.md - CSS変数一覧
- •slide-classes.md - スライドクラス実装
アセット
- •theme-template.scss - テーマテンプレート
- •color-scheme-mixin.scss - 配色mixin
テーマ作成チェックリスト
必須項目
- •
@themeメタデータ - •
@sizeメタデータ（16:9, 4:3） - • 基本セクションスタイル
- • 見出し（h1-h6）スタイル
- • 箇条書きスタイル
- • コードブロックスタイル
- • テーブルスタイル
推奨項目
- •
leadクラス（セクション区切り用） - •
coverクラス（表紙用） - • ヘッダー/フッタースタイル
- • ページ番号スタイル
- • リンクスタイル
- • 引用スタイル
オプション
- •
invertクラス（反転テーマ） - • カスタムクラス
- • ロゴ配置
- • 背景装飾
デザイン原則
- •可読性優先: コントラスト比4.5:1以上
- •一貫性: 色・フォントの統一
- •シンプル: 装飾は控えめに
- •プロフェッショナル: ビジネスに適したデザイン