SLIDE.md 調査レポート
1. 基本情報
- ツール名: SLIDE.md
- ツールの読み方: スライド・エムディー
- 開発元: sho-ai-magic
- 公式サイト: https://sho-ai-magic.github.io/slide.md/
- 関連リンク:
- カテゴリ: デザインツール
- 概要: AI（Claude Design、NotebookLM、Google Slides等）にスライドを生成させる際の、デザイン指示（色、フォント、レイアウト等）を「設計書ファイル」として一度定義し、使い回すためのフォーマット。Claude Code用のスキルパッケージも提供されている。
2. 目的と主な利用シーン
- 解決する課題: AIにスライドを作らせる際、毎回デザイン指示を出す手間や、デザインの一貫性が保てない（バラバラになる）という問題を解決する。
- 想定利用者: プレゼンテーション資料を作成するビジネスパーソン、開発者、デザイナー。
- 利用シーン:
- AIを使ってデザインの一貫したプレゼンスライドを効率的に作成したい場合。
- 既存のスライドやWebサイトのデザインを解析して再利用可能なデザインシステムを構築したい場合。
- チーム内でスライドのデザインルールを統一し共有したい場合。
3. 主要機能
- 3層構造のファイルフォーマット:
SLIDE.md（デザインシステム定義）：色・フォント・余白・スライドフレーム等を一括管理。SLIDE-PATTERN-*.md（レイアウトパターン定義）：コンテンツエリアの構造（カラム数・要素配置）を定義。SLIDE-DECK.md（スライド設計書）：デザインとパターンの定義を埋め込み、スライド構成とコンテンツひな型をまとめた1枚のブリーフ。AIツールにはこのファイルのみを渡す。
- Claude Code スキルパッケージ:
slide-md-creator: 既存のスライド・Webサイトからデザインシステム（SLIDE.md）を自動生成。slide-pattern-creator: スライドの画像を解析し、再利用可能なパターン（SLIDE-PATTERN-*.md）を抽出・定義。slide-deck-builder: プレゼン内容をもとに、デザインとパターンを組み合わせたスライド設計書（SLIDE-DECK.md）を自動生成。
- デザイン確認用HTML自動生成:
- デザインシステムやスライドパターンの仕様をブラウザで簡易確認できる
.htmlファイルを自動出力する。
- デザインシステムやスライドパターンの仕様をブラウザで簡易確認できる
- 99種類のレイアウトパターン:
- 事前に用意された99種類のレイアウトパターンをギャラリーから選択して利用可能。
4. 開始手順・セットアップ
- 前提条件:
- 必須ランタイム：特になし（Claude Codeの環境があることが望ましい）
-
インストール手順 (Claude Codeを使用する場合):
# Claude Codeでプロジェクトフォルダを開き、以下のようにプロンプトを入力 「このリポジトリのスキルをインストールして、docs/SLIDE-md/ と docs/SLIDE-PATTERN/ を今のプロジェクトフォルダにコピーして: https://github.com/sho-ai-magic/slide.md」 - 手動インストール手順:
- リポジトリをZIPでダウンロードし解凍。
skills/内の3つのフォルダを~/.claude/skills/にコピー。docs/SLIDE-md/とdocs/SLIDE-PATTERN/をプロジェクトフォルダにコピー。
- クイックスタート:
slide-md-creator等のスキルでデザインシステムやパターンを作成（または既存サンプルを利用）。slide-deck-builderスキルでプレゼン設計書（SLIDE-DECK.md）を作成。- 作成した
SLIDE-DECK.mdを Claude Design などのAIツールにアップロードし、スライドを生成する。
5. 特徴・強み (Pros)
- デザインと構造の分離: ブランドの見た目（デザインシステム）とコンテンツの配置（レイアウトパターン）を分離しているため、異なるデザインに同じパターンを使い回せる。
- AIへのプロンプト指示の簡略化: 最終的にAIに渡すのは
SLIDE-DECK.md1ファイルのみで良いため、都度複雑なプロンプトを書く必要がない。 - 自動化と効率化: Claude Codeスキルを使用することで、既存資料からのリバースエンジニアリング（デザインシステムやパターンの抽出）が容易に可能。
6. 弱み・注意点 (Cons)
- AIツールの出力品質への依存: 本ツールは「設計書」を作るためのものであり、最終的なスライドのビジュアルクオリティは、渡す先のAIツール（Claude Design等）の性能に依存する。
- 環境依存: 主要な自動生成機能（スキル）を利用するには Claude Code の環境が必要となる。
7. 料金プラン
| プラン名 | 料金 | 主な特徴 |
|---|---|---|
| オープンソース | 無料 | MITライセンスで全機能が無料で利用可能 |
- 課金体系: 無料
- 無料トライアル: なし
8. 導入実績・事例
- 導入企業: 個人開発のオープンソースプロジェクトのため、企業名での公開事例は確認できず。
- 導入事例: リポジトリ内に、Anthropicのブランドカラーやデジタル庁デザインシステム（DADS）を参考にしたデザインシステムの生成サンプルが公開されている。
- 対象業界: ソフトウェア開発、デザイン、企画職など幅広く利用可能。
9. サポート体制
- ドキュメント: GitHubリポジトリのREADMEが公式ドキュメントとして機能している。
- コミュニティ: GitHub上のIssueやPull Requestを通じたオープンソースコミュニティ。
- 公式サポート: なし（Issue等での対応となる）。
10. エコシステムと連携
10.1 API・外部サービス連携
- API: 提供なし。
- 外部サービス連携:
- Claude Code: スキルとして統合して利用可能。
- Claude Design: 最終的なスライド生成の推奨ツールとして連携が想定されている。
- NotebookLM / Google Slides: その他の生成AI・プレゼンツールとも設計書（Markdown）を介して連携可能。
10.2 技術スタックとの相性
| 技術スタック | 相性 | メリット・推奨理由 | 懸念点・注意点 |
|---|---|---|---|
| Claude Code | ◎ | スキルが公式で用意されており、導入から生成までシームレス | 特になし |
| Claude Design | ◎ | 推奨AIツールとして挙げられており、高品質なスライド生成が期待できる | 特になし |
11. セキュリティとコンプライアンス
- 認証: オープンソースツールのローカル利用が主であり、独自の認証機構は不要。
- データ管理: データはユーザーのローカル環境および使用するAIツール（Claude等）側で管理される。
- 準拠規格: 不明
12. 操作性 (UI/UX) と学習コスト
- UI/UX: 基本的にCLI（Claude Code経由）およびMarkdownテキストでの操作となる。生成されたHTMLでレイアウトのプレビューが可能。
- 学習コスト: Markdownの基本とClaude Codeの操作に慣れていれば学習コストは低い。ファイルの3層構造の概念を理解する必要がある。
13. ベストプラクティス
- 効果的な活用法 (Modern Practices):
- 企業やプロジェクトのブランドガイドラインから
SLIDE.mdを一度作成し、チーム内で共有することで、誰が作っても一貫したデザインのスライドを作成する。 - 既存の良質なスライドを
slide-pattern-creatorで解析し、自社のパターンライブラリを拡充する。
- 企業やプロジェクトのブランドガイドラインから
- 陥りやすい罠 (Antipatterns):
- デザイン品質を本ツール（設計書）に求めすぎること。実際の描画はAIツールが行うため、意図したデザインにならない場合はAIへの指示（SLIDE-DECK.mdの内容）を調整する必要がある。
14. ユーザーの声（レビュー分析）
- 調査対象: GitHub リポジトリ (Stars)
- 総合評価: 7 Stars
- ポジティブな評価:
- (G2、Capterra、ITreviewにレビューの登録なし。GitHub上のStar数やコンセプトに対する注目が集まっている。)
- ネガティブな評価 / 改善要望:
- (該当レビューなし)
- 特徴的なユースケース:
- 企業のデザインシステムを基にAIに一貫したスライドを自動生成させる取り組みの土台として利用。
15. 直近半年のアップデート情報
- 2024-xx-xx (推定): GitHubリポジトリへの公開とスキル群の提供。（公式リリースタグは現在なし）
(出典: GitHub リポジトリ)
16. 類似ツールとの比較
16.1 機能比較表 (星取表)
| 機能カテゴリ | 機能項目 | SLIDE.md | Gamma | Canva |
|---|---|---|---|---|
| 基本機能 | スライド自動生成 | △ AIツールとの連携が必要 |
◎ 単体で高品質生成 |
◯ テンプレートベース生成 |
| 拡張性 | デザインの分離/再利用 | ◎ 設計書として完全分離 |
◯ テーマ機能 |
◯ ブランドキット |
| 連携 | Claude Code連携 | ◎ 専用スキルあり |
× なし |
× なし |
| コスト | 無料利用 | ◎ OSS |
◯ 機能制限あり |
◯ 機能制限あり |
16.2 詳細比較
| ツール名 | 特徴 | 強み | 弱み | 選択肢となるケース |
|---|---|---|---|---|
| SLIDE.md | AI用スライド設計書フォーマット | デザインと構造の完全な分離、Claude Codeスキルの提供 | 単体ではスライドの最終出力ができない | エンジニアや、好みのAIツール(Claude Design等)を使ってスライドを生成・自動化したい場合 |
| Gamma | AIスライド生成SaaS | プロンプトから直接高品質なスライドを生成可能 | デザインの細かなコントロールが難しい | 手間をかけず、単一のツールで素早く美しいスライドを作成したい場合 |
| Canva | 総合デザインツール | 豊富なテンプレートと素材、直感的なUI | テキストからの自動生成精度は専用ツールに劣る場合がある | 豊富な素材を利用し、手動での微調整も細かく行いたい場合 |
17. 総評
- 総合的な評価: AIを使ったスライド作成において、「毎回デザインが変わる」「プロンプト指示が面倒」というペインポイントを見事に解決するフォーマットです。デザインシステムとレイアウトパターンを分離するというアーキテクチャが美しく、Claude Code用のスキルが提供されている点で、エンジニアにとって非常に使い勝手の良いツールとなっています。
- 推奨されるチームやプロジェクト: 日常的にAI（特にClaude）を使って資料作成を行う開発チームや、社内のデザインガイドラインに沿ったスライドをAIで効率的に量産したいプロジェクトチームに最適です。
- 選択時のポイント: 単一のSaaSで完結するGammaやCanvaとは異なり、最終的な描画は別のAIツール（Claude Designなど）に委ねる設計です。そのため、生成の過程をコントロールしたい、あるいはMarkdownとして設計をコード管理（Docs as Code）したい場合に強力な選択肢となります。