自分のClaude CodeをExcalidrawのキャンバスに接続する「drawgent」
Make Claude your assistant in excalidraw
drawgentは、自分のClaude Code、Codex、opencodeをExcalidrawのホワイトボードに接続するツール。チャットパネルで図を依頼するか、キャンバス上のノートに「AGENT:」と書くと、エージェントがスクリーンショットとシーンを見て図を編集し、結果を確認して「DONE」とマークする。Rust製で、MCPツールやAPIも提供する。
エージェントはキャンバス（スクリーンショット＋シーン）を見て、ライブで編集し、結果を確認して、ノートを「DONE」とマークする。
HNでの議論
39- seemaze
Excalidrawは自社のオープンソースのファーストパーティMCPエンドポイント[0]とサーバー[1]を提供しています：
- ramoz
多くの人がHTMLの力を過小評価したり、十分に活用できていないと思う。
最近フロントページにこういうのがいくつか出てきている。React Flowなどの上にDSL抽象化をかけた偽の「ホワイトボード」も含めてね…
私はExcalidraw MCPでかなりいろいろやってきたけど、モデルは大量のJSONデータを扱い、バウンディングボックスやピクセル座標の数値を推定・計算しなければならなかった。
でもHTMLなら、エージェントは自然なセマンティクスとスタイリング機能を手に入れられ、抽象化はほぼゼロだ。最近のモデルは、あらゆる論理・概念・フロー図を驚くほど上手に描ける。
- armanj
エージェントにホワイトボードを与えて、一緒にアーキテクチャに取り組めるようにする方法をかなり徹底的に探ってきた。驚いたことに、現在のソリューション（Excalidrawを含む）は十分ではなく、自分が求めるものを提供してくれなかった。最終的に、Mermaidが最もエージェントに優しい媒体だと気づき、Obsidianプラグインをコーディングした。まあまあ動く。自分でAIエージェントを持ち込みながら同じドキュメントで作業でき、一緒にブレインストーミングできる。
- 4ndrewl
人によるだろうけど、私が図を描くことから得る価値は、考えることから生まれる。何を描こうとしているかを考えることで、自分やチームの知識がどこで乏しいのか、どんな仮定を置いているのかなどへの理解が深まる。
- brumar
これはすごい。私のClaudeチェス関連のものが（編集：今は）フロントページであなたの近くにあり、あなたの投稿に気づいた。あなたのものととても近いプロジェクトを持っていて、共有をためらっていた。ざっと見たところ、似たアプローチを取っている。実装メモを比較できるように、ちょうどオープンソースにした。https://github.com/brumar/whiteboard-agents 。十分にテストはされていないけど、チェックするのは面白いかもしれない。