【Show HN】プレゼン中にAIが勝手に絵を描く！tldrawベースの「Agent Draw」がすごい

以前、私たちはtldraw（React向けの無限キャンバスSDK）を使って、お絵描き当てゲーム「2draw」を開発しました。開発を進める中で、「AIをゲームに参加させたり、対戦相手にしたら面白くないか？」というアイデアが浮かび、AIがtldrawのキャンバスを読み取って描画する方法を深掘りしてみました。その結果生まれたのが、プレゼン中にAIがリアルタイムで代わりに絵を描いてくれるツール「Agent Draw」です。実際に試すことも、ソースコードを確認することも可能です。ライブデモ: https://tldraw-agent-draw-demo.james-664.workers.dev ソースコード: https://github.com/ritza-co/tldraw-agent-draw-demo 以下の動画では、小学3年生向けの化学の授業という設定で、私がプレゼンをしている横でAIがアシスタントとして絵を描いてくれています。動画はこちら: https://www.youtube.com/watch?v=iIH2hJAxxm8

いいアイデアだね！キャンバス選択を使う代わりに、RSAっぽい視覚的な解説動画を作ってみるのも面白そう（https://youtu.be/zDZFcDGpL4U ）。

AIエージェントとのやり取りとしてかなり面白いね。マインドマップ作成のデモを試してみたんだけど、AIが成長していく様子を見たり、いろんなブランチを探求できたりするのは興味深い体験だった。AIによる視覚的思考のサポートを追求するための面白いコンセプトだよ。

これ最高だね！特に教育現場でめちゃくちゃ使えそうなケースが浮かぶよ。大学院でチューターをしてた頃にこういうのがあったら、本当に助かってただろうな。

スティーブは宝だよ <3

すごくいいね。慣れは必要だけど、かなり強力だよ。

へぇ。仕事の会議中に似たようなことをやってるよ。みんなが話していることを動的にマッピングして、メンタルモデルを構築する感じ。そのうちAIが俺自身のメンタルモデルをその場で定義してくれるようになるなんて、面白いね。

これヤバいね！自分も似たようなツールを https://shimmerdiagrams.com で作ったよ。ブログ投稿も読んだけど、技術的な内容ですごく参考になった。自分のはプロトタイプとして作ったもので、特に全てのモデルをローカルとブラウザ上で動かすことに興味があるんだ。Tldrawはmermaidよりもこれに適した媒体みたいだね。

「弧でつながれた2つの円」を描くように頼んだら、弧を描く前にクラッシュしちゃった :-(