ドローキャンバス
フリーフォームなキャンバスにボックスや矢印をスケッチするか、ダイアグラムを説明してAIエージェントに実際の編集可能な図形を描画させます。
ドローは、文章で書くよりもスケッチで済ませた方が早いダイアグラム——アーキテクチャ、リクエストフロー、移行計画など——のための全画面キャンバスです。ワークスペーススイッチャーから、タスク、ノート、テンプレートと並んで開きます。
キャンバス上のすべては、ボックス、矢印、ラベル、フリーハンドの線といった、移動や色変更、サイズ変更が可能な普通の編集可能なオブジェクトです。
説明するだけでキャンバスが描いてくれる
キャンバス上にプロンプトバーがあります。必要な内容を入力すると、その説明がインストール済みのAI CLIに渡され、既にスケッチしたものの隣に実際の編集可能な図形、矢印、ラベルが挿入されます。
ブラウザからnginxを経由してAPIとPostgresへのリクエストフローで、APIの横にRedisキャッシュがあるもの
返ってくるものは決して平面の画像ではありません。すべてのボックスと矢印は、その後ドラッグしてラベルを変更し、色を変えることができます。AIが提示するのはレイアウトの最初の草案で、受け入れなければならない画像ではありません。
アンドゥは1ステップ
新しい要素は選択された状態で追加されます。1回の**⌘Z**、あるいは1回のDeleteで、生成されたダイアグラム全体を削除できます——つまり、説明を試すのにコストはかからず、失敗した結果があっても30個の図形を手作業で片付ける必要はありません。
エージェントの選択
プロンプトバー横の歯車アイコンで、どのインストール済みAIがダイアグラムを描画するかを選べます。生成は実行中でもいつでもキャンセルできます。
失敗した生成は1回だけ自動で再試行し、その後、汎用的なエラーメッセージではなくモデルが実際に返した内容を表示します——これで、エージェントがダイアグラム形式ではなく文章で回答したことなどが、だいたい把握できます。
ドローとMermaid、どちらを使うか?
- レイアウトが重要で、手動で配置したい場合はドローを使います。
- ダイアグラムをコードの隣の
.mdファイルに置き、プルリクエストでレビューしたい場合は**Mermaid**を使います。