チャットの長文から、その先へ。AIがタスクに合ったインターフェースを作る。

スクリーンショット

課題
普通のチャット画面は、何を聞いても同じ形式で答えます。でも、比較には表、計画にはステップ、貼り付けたデータにはグラフが欲しい。全部を文章に押し込めると、答えはかえって使いにくくなります。
担当したこと
ReactのフロントエンドとBunのバックエンドを構築し、OpenUI経由でOpenAIからインターフェースをストリーミング表示します。追加質問のボタンやフォームから回答をモデルに送り返せて、壊れたレスポンスはワンクリックで修復。チャット履歴は削除でき、取り消しも可能です。APIキーはブラウザのタブのメモリ内にだけ保持されます。
結果
8つのお試しタスク、モバイルとデスクトップ向けのレイアウト、キー不要で機能を限定したオフラインデモを備えた、動作するベータ版です。完成品ではなく、シングルユーザー向けの実験です。コードはMITライセンスで公開しています。