Design Mode のビジュアルプロンプトでエージェントを直接指示：Cursor

Cursor は本日、Design Mode の大幅なアップデートを発表しました。このモードは、ユーザーが視覚とエージェントの理解のギャップを縮めることを目的としています。Design Mode では、実行中の製品上で直接インタラクティブに編集でき、ワークフローを中断する必要がありません。

従来のチャットインターフェースとは異なり、Design Mode は空間的な操作に重点を置いています。ユーザーはクリック、描画、または音声で変更を指示し、エージェントは自動的にコンテキストを取得してコードを修正します。例えば、要素をクリックすると、エージェントはその要素の識別情報（xpath、コンポーネント、属性、計算スタイルなど）とともに、レイアウトや周囲の環境を理解するためのスクリーンショットを取得します。

マルチセレクト機能により、複数の要素を選択し、それらの関係性に基づいた変更を指示できます。例えば、2つのコンポーネントを選択して「一方を他方に合わせる」と指示したり、繰り返しコンテンツを削除したりできます。描画機能は、ページの特定領域を指定するのに便利で、凍結されたビューポートフレーム上で円や四角で囲むことで、エージェントが正確に解釈します。

最新バージョンでは音声入力もサポートされ、指示がより自然になりました。描画と音声を組み合わせて使用することもできます。

Design Mode の設計思想は、作業のリズムに合わせることです。UI の反復改善では、一連の編集が連鎖的に発生します。Design Mode では、最初の編集が完了する前に次の指示を送ることができ、マルチタスクが容易になります。このフローは Composer 2.5 モデルの高速性と UI 作業の強みにより最適化されており、編集が完了するとアプリは自動的にホットリロードされ、すぐに結果を確認できます。

Cursor チームは、ソフトウェア構築の未来は、ユーザーが高レベルの抽象化と低レベルの詳細をシームレスに行き来し、フロー状態を維持できることだと考えています。Design Mode は、その制御性、主体性、精密な編集ツールを提供します。

Design Mode は Agents Window で試用可能です。詳細はブラウザドキュメントをご覧いただくか、Cursor をダウンロードしてお試しください。