w

Инструмент Cursor Canvas

Вставьте файл .canvas.tsx из Cursor, посмотрите превью в браузере и опубликуйте короткую ссылку.

FAQ

Почему выглядит иначе, чем в Cursor? Это превью заново реализует публичный API cursor/canvas на React. Это не runtime IDE. Отступы, графики и контролы близки, но не пиксель в пиксель.

Работают ли кнопки Agent? Частично. useCanvasAction открывает Cursor через deeplink (cursor://). Чат-промпты и абсолютные пути к файлам работают; относительные пути и id бесед Agent не могут указать на локальную рабочую область, поэтому заполняют промпт.

Истекают ли короткие ссылки? Они остаются, пока владелец не удалит их в Опубликованных ссылках. Это не одноразовые сообщения.

Почему публикация не удалась? Бэкенд должен быть запущен, а исходник должен импортировать из cursor/canvas. Пустые файлы, длиннее 200 000 символов и запрещённые импорты отклоняются.

Почему превью пустое? Нужен default export, возвращающий примитивы canvas. Разверните живые примеры на странице примеров.

Можно ли импортировать lucide-react или локальные файлы? Нет. Разрешены только cursor/canvas и React. Для иконки встройте небольшой SVG в IconButton.

Исходник приватный? Только до создания короткой ссылки. После этого любой с URL может загрузить исходник.

Совпадает ли «Загрузить пример» с этой документацией? Нет. Загрузить пример в инструменте подставляет полную галерею SDK. Эта документация использует меньшие превью, чтобы копировать по одной идее.

Была ли эта страница полезной?