Cursor は、情報を視覚的に表現するためのキャンバスを作成して応答できるようになりました。これにより、チャットや Markdown ファイルで文字ばかりの内容を読む代わりに、カスタムインターフェースを確認して操作できるようになります。

キャンバスを使うと、エージェントは実データのためのダッシュボードに加え、リクエストに合わせたロジックやインタラクションを備えたカスタムインターフェースも作成できます。エージェントはこれを使って、PR のレビュー、新しいライブラリの学習、さらには Cursor 内のほかのエージェントの管理も支援できます。エージェントウィンドウでは、キャンバスは永続的なアーティファクトとして、ターミナル、ブラウザ、ソース管理などのほかのツールと並んで表示されます。

#構成要素としてのコンポーネント

Cursorは、テーブル、ボックス、図、グラフなどの標準コンポーネントを備えたReactベースのUIライブラリを使って、キャンバスをレンダリングします。さらに、エージェントがdiffやTo-Doリストなど、Cursor内の既存コンポーネントにもアクセスできるようにし、データ可視化のベストプラクティスに従うよう指示しました。

さまざまな種類のキャンバスの作り方をエージェントに教えるスキルを作成できます。たとえば、Docs Canvasスキルを使うと、Cursorはリポジトリの対話型アーキテクチャ図を生成できます。

#Cursorでキャンバスを活用する方法

キャンバスは、特にデータ量の多いタスクで役立ちます。エージェントは、プレーンテキストよりも非線形で理解しやすい形で情報を整理できます。

#インシデント対応ダッシュボード

Cursor の Datadog、Databricks、Sentry MCP により、エージェントを使って可観測性データを詳しく掘り下げられるようになりました。その結果、自分たちだけでは見落としてしまうようなインサイトが得られることも少なくありません。キャンバスが登場する前は、エージェントは時系列データを Markdown の表で表していたため、解釈しづらく、可視化するには追加の手順が必要でした。

今では、エージェントがローカルのデバッグファイルを含む複数のソースのデータをつなぎ合わせ、1 つのグラフとしてキャンバス上に可視化できます。

#PRレビューのインターフェース

私たちはこれまで以上に大規模なdiffをレビューしています。従来のツールでは、すべての変更が同じように提示されるため、diffのどの部分が本当に重要なのかを自分で見極めなければなりません。

キャンバスを使えば、Cursorは関連する変更を論理的にひとまとまりにし、レビューすべき重要なポイントを優先して、変更セットを詳しく確認できるリッチなインターフェースを提供できます。さらに、複雑なアルゴリズムについては擬似コードで表現することもできます。

#Eval の分析

Cursor では、ハーネスに変更を加えたり、新しいモデルをプロダクトにリリースしたりするたびに、eval の結果の調査に多くの時間を費やしています。以前は、パターンを特定するために、エンジニアがリクエスト ID を 1 つずつ確認する必要がありました。このプロセスを自動化するために Web アプリを構築・デプロイすることも検討しましたが、代わりに Cursor でスキルとして直接運用できるようにしました。

そのスキルにより、エージェントは eval 内のすべてのロールアウトを読み込み、失敗をグループ化し、eval の失敗を調査して失敗モードをクラスタリングするためのキャンバスを作成できます。これにより、それまで見逃されていたハーネスのバグを特定できるようになり、最近では Cursor で 2 つの新しいモデルをはるかに少ない労力でリリースするのにも役立ちました。

#Autoresearch の実験

私たちは、クライアントのパフォーマンスに関わる複雑な最適化課題にエージェントが取り組めるよう、autoresearch のアイデアを応用してきました。キャンバスを使うことで、エージェントは実験を実行しながら調査の進捗を可視化でき、ユーザーは進捗を確認しつつ、エージェントが現在検証している仮説も把握できます。

#情報の帯域幅を広げる

Design Mode や 音声入力の強化 といった最近の改善は、いずれも情報の帯域幅を広げる取り組みの一環です。私たちは、人間とエージェントのコラボレーションにおける摩擦を減らし、単なるテキストを超えて意図をより伝えやすくしたいと考えています。

Cursor 3.1 でキャンバスをお試しいただくか、詳しくは ドキュメント をご覧ください。