AI程式碼編輯器Cursor支援開發者拖拉調整UI，再由代理回寫程式碼庫

Cursor開發團隊在程式碼編輯器中的瀏覽器（Cursor Browser）加入視覺化編輯器，讓開發者在同一個視窗內同時看到網頁介面、相關程式碼庫與視覺化調整工具。使用者可直接在已算繪的頁面上拖拉元素、檢視元件與屬性，或以點選搭配文字描述提出修改需求，再由代理在程式碼庫中找出對應畫面的元件與相關檔案，並把修改寫回程式碼。

視覺化編輯器的基本操作是拖拉重新排列，開發者可把已顯示的元素在DOM樹狀結構中調整位置，直接嘗試按鈕順序、區塊的排列方式，或測試不同格線配置帶來的版面差異。當視覺結果符合預期，再以提示詞要求代理套用變更，代理會尋找相關元件並把調整寫回程式碼層。

針對常見的React式前端架構，Cursor也把元件狀態相關的屬性整理到側邊欄，方便在不同元件變體間切換與比對。由於許多元件會透過屬性控制顯示狀態，例如不同尺寸、配色或互動模式，這類呈現方式讓開發者能更快確認同一元件在多種情境下的差異，並在同一處完成調整。

在樣式調整上，側邊欄提供滑桿、調色盤與即時取色器等視覺控制，開發者可使用既有的色彩Token與設計系統，對色彩、字體與版面進行微調。此外，視覺化編輯器也支援點選並輸入提示詞（Point and prompt）編輯方式，使用者可點選介面中的任一元素，以自然語言描述調整形狀、顏色和排序等需求，官方並提到代理可並行處理多個修改要求。

除了視覺化編輯器，Cursor 2.2也加入多項與代理工作流程相關的更新，包括除錯模式，可透過執行期紀錄協助重現問題並找出原因，計畫模式更新則支援在計畫中內嵌Mermaid圖表，並可將選定的待辦事項分配給新的代理處理，還有多代理評判（Multi-agent judging），會在多個並行代理完成後自動評估各次結果並推薦較佳解法，並附上選擇理由。