スキル自身の言葉で
自然言語の記述からExcalidraw形式の図を生成します。9種類の図タイプに対応しています。順序立ったプロセス用のフローチャート、エンティティ間の関連を示す関係図、概念の階層を示すマインドマップ、システム設計用のアーキテクチャ図、データ変換プロセス用のデータフロー図、部門横断的なワークフロー用の業務フロースイムレーン図、オブジェクト指向設計用のクラス図、時系列でのオブジェクト間のやり取りを示すシーケンス図、データベースのエンティティ関係用のER図です。
計算された座標で配置され、一貫した配色でスタイリングされた適切な要素（矩形、楕円、ダイヤモンド、矢印、テキスト）を持つ.excalidraw JSONファイルを出力します。ファイルはexcalidraw.comのExcalidraw、またはVS Code拡張機能で直接開けます。
生成されるもの
- 説明的なファイル名を持つ完全な.excalidraw JSONファイル
- 図のタイプと要素数を含む、作成内容の概要
- Excalidrawで図を開いて編集するための手順
仕組み
- 01リクエストを理解する
ユーザーの説明を分析して、図の種類(フローチャート、関係図、マインドマップ、アーキテクチャ)、主要な要素(エンティティ、ステップ、コンセプト)、関係性(フロー、接続、階層)、複雑さ(要素の数)を判断します。
- 02適切な図の種類を選択する
キーワードを認識して、ユーザーの意図を図の種類に一致させます。
- 03構造化された情報を抽出する
図の種類に基づいて要素をリストアップします。フローチャートの場合:順序立ったステップ、分岐点、開始点と終了点。
- 04Excalidraw JSONを生成する
適切な要素タイプ(rectangle、ellipse、diamond、arrow、text)で.excalidrawファイルを作成し、位置(x、y座標)、サイズ(width、height)、スタイル(strokeColor、backgroundColor、fillStyle)、フォント(fontFamily:5はExcalifont用)、接続(矢印用のpoints配列)などの主要なプロパティを設定します。
- 05出力をフォーマットする
type、version、source、elements配列、appState(viewBackgroundColor、gridSize)、files オブジェクトを含む、完全なExcalidrawファイルを構成します。
- 06保存して手順を提示する
descriptive-name.excalidrawとして保存し、excalidraw.comにアクセスしてOpenをクリックするかファイルをドラッグ&ドロップする方法、またはExcalidraw VS Code拡張機能を使用する方法をユーザーに案内します。