Cursor Canvas 工具
貼上 Cursor 產生的 .canvas.tsx,在瀏覽器預覽,並產生可分享短鏈。
常見問題
為什麼看起來和 Cursor 不一樣? 本預覽用 React 重做了公開的 cursor/canvas API,不是 Cursor IDE 執行環境。間距、圖表和控制項會接近,但不是像素級一致。
Agent 按鈕能用嗎? 部分可以。useCanvasAction 會透過 deeplink(cursor://)喚起 Cursor。聊天提示和絕對檔案路徑可用;相對路徑和 Agent 會話 id 無法對準本機工作區,因此會改成預填提示。
短鏈會過期嗎? 會一直保留,直到擁有者在 已發布短鏈 裡刪除。不是閱後即焚。
為什麼發布失敗? 後端必須在執行,原始碼必須從 cursor/canvas 匯入。空檔案、超過 20 萬字元的檔案,以及不允許的 import 都會被拒絕。
為什麼預覽是空白的? 檔案需要有回傳 canvas 元件的 default export。可到 示例 頁展開已知可用的結構。
能匯入 lucide-react 或本機檔案嗎? 不能。只允許 cursor/canvas 和 React。需要圖示時,把小 SVG 內聯進 IconButton。
原始碼是私密的嗎? 只有在產生短鏈之前。之後任何拿到 URL 的人都能載入原始碼。
「載入示例」和這些文件一樣嗎? 不一樣。工具裡的 載入示例 會注入完整 SDK 目錄。文件用更小的 preview,方便一次複製一個想法。