Excalidraw 図生成器

テキストコンテンツから Excalidraw 図を作成し、適切な frontmatter と JSON 構造を持つ Obsidian 対応 .md ファイルを自動出力。

主な利点

• テキスト説明から Excalidraw 図を自動生成
• 8 つの図タイプ：フローチャート、マインドマップ、階層、関係、比較、タイムライン、マトリックス、自由レイアウト
• 適切な Obsidian frontmatter を持つファイルの自動作成
• すべてのテキストに Excalifont 手書きフォント（fontFamily: 5）を使用
• 意味のあるプロフェッショナルなカラーパレット
• キャンバス範囲最適化（0-1200 x 0-800）

主な機能

• 図タイプ：フローチャート、マインドマップ、階層、関係、比較、タイムライン、マトリックス、自由レイアウト
• テキストフォーマット：自動引用符置換（" → 『』、() → 「」）、適切なフォントファミリー（Excalifont）
• レイアウトルール：適切な要素間隔、明確な階層、調和のとれた配色
• ファイル生成：意味のあるファイル名で現在のディレクトリに自動保存
• Obsidian 統合：excalidraw-plugin: parsed と tags: [excalidraw] を含む完全な frontmatter

使用するタイミング

• テキストから図、フローチャート、マインドマップを作成
• 概念、関係、プロセスを視覚化
• Excalidraw 形式で視覚的表現を構築
• ユーザーが「Excalidraw」、「画図」、「流程図」、「思維導図」、「可視化」、「diagram」と言及

ワークフロー

1. コンテンツを分析 - 概念、関係、階層を識別
2. 8 つのオプションから適切な図タイプを選択
3. 適切な要素構造を持つ Excalidraw JSON を生成
4. 正しい frontmatter を持つ Obsidian 対応 .md ファイルを作成
5. 現在の作業ディレクトリに自動保存
6. ファイルパスと使用方法をユーザーに通知

技術要件

• すべてのテキスト要素で fontFamily: 5（Excalifont）を使用
• 引用符置換：" → 『』、() → 「」
• フォントサイズ：タイトル（24-28px）、サブタイトル（18-20px）、本文（14-16px）
• 行の高さ：すべてのテキストで lineHeight: 1.25
• カラーパレット：タイトルに深い青（#1e40af）、接続に明るい青（#3b82f6）

ソース：https://github.com/axtonliu/axton-obsidian-visual-skills/tree/main/excalidraw-diagram ライセンス：詳細はリポジトリを確認