本文へ移動

§03-01AI

AI サイドバー / コパイロット panel

画面の脇に AI チャットを常駐させる。

作業中の画面を離れずに AI へ質問や指示ができる。文書作成や調査のように、本文を見ながら補助を受けたい作業に向く。

実装のポイント

本文とパネルを並べ、パネル幅は可変かつ折りたたみ可能にする。選択中のテキストや開いているドキュメントを文脈としてプロンプトに自動で添える。

特徴
  • モック
デモで使っているもの
  • lucide-react

このパターンが効く目的