無料GitHub で公開

marp-theme-builder

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

ryo-touch/marp-skills

インストール方法を見る

含まれるファイル（10）

SKILL.md2.7 KB
assets/Makefile.template3.1 KB
assets/pre-commit.template1.6 KB
assets/test.yml.template4.0 KB
references/ci-setup.md5.5 KB
references/makefile-patterns.md3.8 KB
references/pre-commit-hook.md4.2 KB
scripts/build.sh2.3 KB
scripts/image_diff.py4.6 KB
scripts/init_theme_project.sh4.4 KB

SKILL.md（原文）

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Marp Theme Builder スキル

Marpテーマのビルドパイプラインを構築するスキル。

使用タイミング

「テーマのビルド環境を整備」
「CIを設定したい」
「Makefileを作成」
「pre-commitフックを設定」
「画像差分テストを導入」

ワークフロー

プロジェクト初期化: ディレクトリ構造、package.json
Makefile作成: ビルドコマンドの定義
Git hook設定: pre-commitでビルド確認
CI設定: GitHub Actionsワークフロー
動作確認: ビルドとテスト実行

参照スキル

marp-theme-creator: テーマ作成（ビルド対象）

スクリプト

init_theme_project.sh - プロジェクト初期化
build.sh - ビルド実行
image_diff.py - 画像差分検出

リファレンス

makefile-patterns.md - Makefile構成
ci-setup.md - GitHub Actions設定
pre-commit-hook.md - Git hook設定

アセット（テンプレート）

Makefile.template - Makefile
test.yml.template - GitHub Actionsワークフロー
pre-commit.template - pre-commitフック

プロジェクト構造

my-marp-theme/
├── .github/
│   └── workflows/
│       └── test.yml        # CI設定
├── .githooks/
│   └── pre-commit          # pre-commitフック
├── marp-themes/
│   ├── theme.scss          # テーマソース
│   └── theme.css           # 生成されるCSS
├── example/
│   ├── example.md          # サンプルスライド
│   └── example.001.png     # 生成される画像
├── Makefile
├── package.json            # (オプション)
└── README.md

ビルドフロー

SCSS ─────> CSS ─────> PNG画像
         (sass)    (marp-cli)
                      │
                      ▼
                   Git commit
                      │
                      ▼
                 pre-commit hook
                  (make実行)
                      │
                      ▼
                   CI (GitHub Actions)
                  (画像差分テスト)

$ARGUMENTS

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

ログインしてレビューを書く

同じリポジトリのスキル

概要と使いどころ

marp-export

無料日本語概要

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