bugkeep/ai-draw

概要

Draw Agent Studio（リポジトリ：bugkeep/ai-draw）は、チャットで操作する描画ツールです。メニューをクリックする代わりに、必要なことを入力するだけです。「海辺の灯台を描いて」と入力すると、アプリが画像を作成または編集します。

主な機能

• 説明 — テキストをスケッチ、イラスト、フローチャートに変換します。
• 修正 — 会話で変更します：オブジェクトの移動、色の変更、削除、元に戻す、やり直し。
• 手描き — キャンバス上で直接選択、ドラッグ、ペン使用、テキスト入力も可能です。
• 保存とエクスポート — キャンバスは自動保存されます。PNG、JPG、WebP、SVG、または編集可能な Excalidraw ファイルとしてエクスポートできます。

仕組み

アプリをローカルで実行し、ブラウザで開き、AI モデルを接続します（下記参照）。その後、モデルとチャットして描画・編集します。デモでは、会話による海辺の灯台と研究フローチャートの作成、および手描きで仕上げたひまわりのスケッチが示されています。

要件

• Python 3.11+ と Node.js 20.19+
• Windows では、Chrome もインストールしてください

セットアップ

• Windows：install.bat をダブルクリックし、次に start.bat を実行して、http://127.0.0.1:8000 を開きます。
• macOS / Linux：Python の依存関係をインストールし、npm でフロントエンドをビルドし、Playwright で Chromium をインストールし、python run.py を実行します。以降の起動は、python run.py を再度実行するだけです。

モデルの接続

アプリを開き、右上の 設定 をクリックして：

1. プロバイダーを選択し、モデル名、API URL、API キーを入力します。
2. 画像入力とツール呼び出し をサポートするモデルを使用し、接続テスト をクリックします。
3. テストが成功したら、保存してキャンバスに戻ります。

サポートされているプロバイダーには、OpenAI、Claude、Gemini、Ark、またはローカルやカスタムの互換エンドポイントが含まれます。API 使用量はプロバイダーによって課金されます。

プロンプト例

• 「データ準備、検索と生成、評価と出力にグループ化されたマルチモーダル RAG 研究フローチャートを描いてください。」
• 「評価セクションに品質チェックとフィードバックループを追加してください。」
• 「月光の下の海辺の灯台を、小さなヨットと星と一緒に描いてください。」
• 「海をより深い青緑色にして、灯台の光を明るくしてください。」

コミュニティ

図面の共有、アイデアの提案、問題の報告は、プロジェクトの Issues ページから行えます。このプロジェクトは MIT ライセンスです。