Qursor

工具介绍

## 這是什麼 跟 AI 說“把定價頁那個藍色按鈕改大一點”，它卻改了旁邊的連結，或者硬生生燒 10 輪對話還在猜你指哪。Qursor 就是為這個場景生的：Chrome 外掛讓你直接點選頁面上任意元素，一鍵複製帶選擇器、class、樣式、字型、顏色、間距的結構化上下文，貼上進 Cursor、Claude 或任何 Agent，對方立刻知道該動哪一塊。 它不是又一個 DevTools 替代品，而是專門把“視覺指認”變成 AI 能直接吃的程式碼上下文，減少截圖解讀和全文搜尋的浪費。 ## 能打的地方 - **精確指認 + AI 就緒匯出**：點一下元素，自動抓取選擇器、classes、樣式，還能附上你的批註或直接改過的樣式，複製即用。 - **即時檢查關鍵視覺屬性**：懸停即可看字型家族/字號/字重/行高、文字/背景/邊框顏色、padding/margin/gap，不用開 DevTools 翻面板。 - **元件一鍵抽取**：把按鈕、卡片甚至整塊 UI 匯出為乾淨 HTML、CSS 或 JSX，方便複用或餵給 AI 繼續改。 - **顏色與字型探測器**：網頁任意位置取色（含圖片背景），多格式複製；文字層直接識別字體與排版細節。 - **資源下載與客戶批註**：一鍵抓 SVG/PNG/JPG（單張或批次），客戶端也能裝外掛直接點選標註要改的地方，反饋變成可執行上下文。 核心價值就一句話：少燒 token、少猜、少來回。 ## 適合誰 · 誰不用碰 適合天天用 AI Agent（Cursor、Claude、自定義 agent）改生產/預發/本地介面的前端、全棧、設計師和產品經理；也適合需要客戶精確反饋“改這個按鈕”的遠端協作場景。 不需要碰的：幾乎不用 AI 寫/改程式碼的人、純後端、或者只做靜態設計交付從不碰實現的人——普通 DevTools 或截圖就夠了。 ## 上手門檻 Chrome 擴充套件，裝完 30 秒能用，支援任意網站、staging 和 localhost。介面目前看是英文，中文站點本身能正常檢查。免費額度每天 3 次選取，重度使用可買 $39 終身。安裝走 Chrome Web Store，大陸使用者通常需要梯子；註冊無額外門檻，學習成本極低——會點滑鼠就會。 ## 和同類怎麼選 沒有直接對標的“AI 上下文專用”競品（作者自述）。和 Chrome DevTools 比：後者檢查更全面、除錯更強，但匯出的不是“貼上即懂”的 AI 友好結構化文本，還得自己整理；和 WhatFont / ColorZilla 這類單點工具比：Qursor 把檢查 + 取色 + 元件匯出 + 批註整合成一條給 Agent 的流水線。截圖喂多模態模型也能湊合，但 token 貴、定位仍模糊。具體以各家官網為準。 ## 值不值得試 值得。免費 3 次/天足夠驗證痛點是否命中，如果你一週裡有幾次“跟 AI 描述 UI 描述到崩潰”，直接上終身版幾乎不虧。去 Chrome 商店裝了指兩下就知道。