w

Cursor Canvas ツール

Cursor の .canvas.tsx を貼り付けてブラウザでプレビューし、共有用の短縮 URL を発行します。

FAQ

Cursor と見た目が違うのはなぜ? このプレビューは公開 cursor/canvas API を React で再実装しています。Cursor IDE のランタイムではありません。余白、チャート、コントロールは近いですが、ピクセル単位では一致しません。

Agent ボタンは動きますか? 一部は動きます。useCanvasAction は deeplink(cursor://)で Cursor を開きます。チャットプロンプトと絶対ファイルパスは使えます。相対パスと Agent 会話 id はローカルワークスペースを特定できないため、プロンプトを事前入力します。

短縮リンクは期限切れになりますか? 所有者が 公開済みリンク から削除するまで残ります。一度きりのメッセージではありません。

公開に失敗するのはなぜ? バックエンドが起動している必要があり、ソースは cursor/canvas から import する必要があります。空ファイル、200,000 文字超、許可されない import は拒否されます。

プレビューが空白なのはなぜ? canvas プリミティブを返す default export が必要です。 ページの動作確認済みの形を展開してください。

lucide-react やローカルファイルを import できますか? できません。許可されるのは cursor/canvas と React だけです。アイコンが必要なら小さな SVG を IconButton にインラインしてください。

ソースは非公開ですか? 短縮リンクを作る前だけです。その後は URL を知る誰でもソースを読み込めます。

「例を読み込む」はこれらのドキュメントと同じですか? 違います。ツールの 例を読み込む は完全な SDK ギャラリーを入れます。このドキュメントは小さなプレビューなので、一度に一つのアイデアをコピーできます。

このページは役に立ちましたか?