w

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,方便一次複製一個想法。

這個頁面對您有幫助嗎?