跳到正文
cccskills
免费在 GitHub 公开

marp-theme-creator

Marp用カスタムテーマの新規作成。SCSS/CSSでのテーマ設計、カラーパレット定義、タイポグラフィ設定、スライドクラス実装を支援。「新しいMarpテーマを作りたい」などのリクエスト時に使用。

中文简介正在准备中。当前显示原文说明。

ryo-touch/marp-skills
查看安装方法

包含的文件（6）

  • SKILL.md2.4 KB
  • assets/color-scheme-mixin.scss3.3 KB
  • assets/theme-template.scss6.1 KB
  • references/css-variables.md3.8 KB
  • references/scss-structure.md4.2 KB
  • references/slide-classes.md4.2 KB

SKILL.md（原文）

安装前可以查看交给 AI 代理的指令内容。

Marp Theme Creator スキル

Marp用のカスタムテーマを新規作成するスキル。

使用タイミング

  • 「新しいMarpテーマを作りたい」
  • 「会社用のテーマを作成」
  • 「カスタムテーマを設計」
  • 「スライドのデザインを統一したい」

ワークフロー

  1. 要件確認: ブランドカラー、フォント、用途を確認
  2. 設計: カラーパレット、タイポグラフィ、レイアウトを設計
  3. SCSS作成: テーマのSCSSを記述
  4. スライドクラス実装: lead, cover等のクラスを実装
  5. サンプルテスト: サンプルスライドで確認

参照スキル

  • marp-knowledge: テーマシステム仕様、CSS変数
  • marp-theme-builder: ビルド環境構築（作成後）

リファレンス

アセット

テーマ作成チェックリスト

必須項目

  • @themeメタデータ
  • @sizeメタデータ（16:9, 4:3）
  • 基本セクションスタイル
  • 見出し（h1-h6）スタイル
  • 箇条書きスタイル
  • コードブロックスタイル
  • テーブルスタイル

推奨項目

  • leadクラス（セクション区切り用）
  • coverクラス（表紙用）
  • ヘッダー/フッタースタイル
  • ページ番号スタイル
  • リンクスタイル
  • 引用スタイル

オプション

  • invertクラス（反転テーマ）
  • カスタムクラス
  • ロゴ配置
  • 背景装飾

デザイン原則

  1. 可読性優先: コントラスト比4.5:1以上
  2. 一貫性: 色・フォントの統一
  3. シンプル: 装飾は控えめに
  4. プロフェッショナル: ビジネスに適したデザイン

$ARGUMENTS

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护，适用 Google 的隐私权政策和服务条款。

同一仓库的技能

marp-export

免费

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

中文简介正在准备中。当前显示原文说明。

ryo-touch/marp-skills32026年2月27日 更新

marp-knowledge

免费

Marpプレゼンテーションフレームワークの包括的な知識ベース。構文、ディレクティブ、テーマシステム、画像構文などの詳細情報を提供。他のMarpスキル(marp-markdown, marp-visual-fix, marp-theme-creator)から参照される基盤スキル。

中文简介正在准备中。当前显示原文说明。

ryo-touch/marp-skills32026年2月27日 更新

marp-markdown

免费

Marp用Markdownプレゼンテーションファイルの作成・編集。スライドコンテンツの執筆、frontmatter設定、ディレクティブ適用を支援。「スライドを作りたい」「プレゼンを作成」などのリクエスト時に使用。

中文简介正在准备中。当前显示原文说明。

ryo-touch/marp-skills32026年2月27日 更新

marp-theme-builder

免费

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

中文简介正在准备中。当前显示原文说明。

ryo-touch/marp-skills32026年2月27日 更新

marp-visual-fix

免费

Marpスライドの表示崩れ・レイアウト問題の診断と修正。文字はみ出し、画像サイズ問題、PDF書き出し崩れを解決。「スライドの見た目を修正」「文字がはみ出す」などのリクエスト時に使用。

中文简介正在准备中。当前显示原文说明。

ryo-touch/marp-skills32026年2月27日 更新

查看 ryo-touch 的全部技能

报告此技能的问题