Инструмент 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. Эта документация использует меньшие превью, чтобы копировать по одной идее.