Canvas のデザインモードとコンテキスト使用状況レポート機能の追加
Cursor は、UI 要素への直接注釈による編集を可能にする「デザインモード」と、トークン使用状況を可視化するレポート機能をキャンバスに追加し、エージェント開発の効率とコスト管理を大幅に向上させた。
キーポイント
デザインモードの導入
ブラウザと同様にキャンバス上の UI 要素を選択・注釈することで、テキスト記述ではなく視覚的な指示でエージェントに編集を指示できるようになり、開発サイクルが加速する。
コンテキスト使用状況レポート
システムプロンプトやツール定義などにおけるトークンの消費内訳をインタラクティブなレポートとして可視化し、エージェントに質問して最適化の機会を特定できる機能が追加された。
共有キャンバスの機能強化
ブラウザでのフルスクリーン表示対応や、クリック時に特定のプロンプトを実行するボタン埋め込み機能など、プレゼンテーションと対話性を高める改善が行われた。
重要な引用
Select and annotate UI elements directly in a canvas to guide Cursor's edits, just as you would in the browser.
The context explorer breaks down where tokens go across the system prompt, tool definitions, rules, skills, and more.
影響分析・編集コメントを表示
影響分析
このアップデートは、AI エージェント開発における「指示の曖昧さ」という課題を視覚的インターフェースで解決する画期的なステップであり、特に LLM のトークンコスト管理を自動化・可視化する点で実務的な価値が極めて高い。これにより、複雑なアプリケーションやダッシュボードの開発プロセスがより直感的かつ効率的になり、開発者の生産性が飛躍的に向上すると予想される。
編集コメント
視覚的なフィードバックループとトークン可視化の組み合わせは、AI エージェント開発の成熟度を示す重要なマイルストーンであり、実務現場での採用加速が期待される。
キャンバスを使用すると、エージェントはダッシュボード、レポート、社内ツールなどのインタラクティブな成果物を作成でき、チームと共有できます。
今回のリリースでは、より迅速なキャンバス編集を可能にするデザインモード、コンテキスト使用状況の理解を深める新しい方法、その他の利便性向上機能が追加されました。
キャンバスのデザインモード
デザインモードがキャンバスで利用可能になりました。
ブラウザで行うのと同じように、キャンバス内で UI 要素を選択して注釈をつけ、Cursor の編集をガイドできます。テキストで変更点を説明するのではなく、指差してフィードバックを与え、より迅速に反復作業を行うことができます。
キャンバスのコンテキスト使用状況レポート
Cursor は今や、エージェントのコンテキスト使用状況をインタラクティブなレポートとしてキャンバス内に表示できるようになりました。
コンテキストエクスプローラーは、システムプロンプト、ツール定義、ルール、スキルなど across システム全体でトークンがどのように使用されているかを詳細に分解します。これはキャンバスであるため、エージェントに追跡質問を行い、特定の質問に答えるようにレポートをカスタマイズさせることができます。
キャンバス内に埋め込まれた「Agent でデバッグ」ボタンをクリックすると、新しい会話でコンテキスト使用量を削減できる機会を特定するよう Cursor に指示できます。
キャンバスの改善点 (4)
共有されたキャンバスはブラウザ内で全画面表示できるようになり、他者へのプレゼンテーションが容易になりました。
エージェントがボタンをキャンバスに埋め込み、クリック時に特定のプロンプトを実行できる機能を追加しました。
エージェントのキャンバス型エラー修正能力を改善しました。
コンポーネントのスタイリングを改善し、より多くのチャートカスタマイズ機能を追加しました。
原文を表示
With canvases, agents can create interactive artifacts like dashboards, reports, and internal tools that you can share with your team.
This release introduces Design Mode for faster canvas editing, new ways to understand context usage, and other quality-of-life improvements.
Design Mode in canvases
Design Mode is now available in canvases.
Select and annotate UI elements directly in a canvas to guide Cursor's edits, just as you would in the browser. Instead of describing the change in text, you can point to it, provide feedback, and iterate more quickly.
Context usage report in canvas
Cursor can now show your agent's context usage as an interactive report in a canvas.
The context explorer breaks down where tokens go across the system prompt, tool definitions, rules, skills, and more. Because it's a canvas, you can ask the agent follow-up questions, and it can customize the report to answer your specific questions.
Click the Debug with Agent button embedded in the canvas to ask Cursor to identify opportunities to reduce context usage in a new conversation.
Canvas Improvements (4)
Shared canvases can now be opened full-screen in the browser, making them easier to present to others.
Added the ability for agents to embed buttons in canvases that will run a specific prompt when clicked.
Improved the agent's ability to fix canvas type errors.
Improved component styling, and added more chart customization functionality.
関連記事
今日のまとめ
AI日報で今日の重要ニュースをまとめ読み