Cursor Canvas ツール
Cursor の .canvas.tsx を貼り付けてブラウザでプレビューし、共有用の短縮 URL を発行します。
API リファレンス
すべてのルートは /api/cursor-canvas 配下です。所有権は現在のセッションユーザーです（匿名含む、cookie は sessionId）。
POST /api/cursor-canvas
ソースを保存し、短縮共有 URL を返します。
リクエスト:
{
"source": "import { H1 } from \"cursor/canvas\";\nexport default function App() { return <H1>Hi</H1>; }",
"title": "Optional"
}
| フィールド | 型 | 説明 |
|---|---|---|
source | string | 必須。20–200,000 文字。cursor/canvas からの import が必要です。 |
title | string | 任意。最大 200 文字。共有ページに表示されます。 |
レスポンス:
{
"canvasId": "cv_a1b2c3d4e5f6",
"shareUrl": "https://example.com/cursor-canvas/cv_a1b2c3d4e5f6",
"title": "Optional",
"sourceMd5": "5d41402abc4b2a76b9719d911017c592",
"reused": false,
"createdAt": "2026-08-31T08:00:00.000Z"
}
同じ owner が同じ MD5 を既に公開している場合、reused は true です。
GET /api/cursor-canvas/:canvasId
共有ページ用のソースを読み込みます。viewCount が増えます。
{
"canvasId": "cv_a1b2c3d4e5f6",
"title": "Optional",
"source": "import { H1 } from \"cursor/canvas\";\nexport default function App() { return <H1>Hi</H1>; }",
"viewCount": 3,
"createdAt": "2026-08-31T08:00:00.000Z"
}
GET /api/cursor-canvas/mine
現在のセッションユーザーの canvas を一覧します。セッションユーザーがない場合は [] を返します。
DELETE /api/cursor-canvas/:canvasId
現在のセッションユーザーが作成した canvas を削除します。成功時は 204。セッションユーザーがなければ 401。
source 用のサンプル canvas
ライブプレビュー
hello.canvas.tsx
Hello, Canvas
Live preview rendered in the browser from cursor/canvas.