w

Cursor Canvas 도구

Cursor .canvas.tsx 파일을 붙여 넣고 브라우저에서 미리 본 뒤, 공유 가능한 짧은 링크를 만듭니다.

FAQ

Cursor와 다르게 보이는 이유는? 이 미리보기는 공개 cursor/canvas API를 React로 다시 구현합니다. Cursor IDE 런타임이 아닙니다. 간격, 차트, 컨트롤은 비슷하지만 픽셀 단위로 같지는 않습니다.

Agent 버튼이 동작하나요? 부분적으로요. useCanvasAction은 딥링크(cursor://)로 Cursor를 엽니다. 채팅 프롬프트와 절대 파일 경로는 동작합니다. 상대 경로와 Agent 대화 id는 로컬 워크스페이스를 가리킬 수 없어 프롬프트를 미리 채웁니다.

짧은 링크가 만료되나요? 소유자가 게시된 링크에서 삭제할 때까지 유지됩니다. 일회성 메시지가 아닙니다.

게시에 실패한 이유는? 백엔드가 실행 중이어야 하고 소스는 cursor/canvas에서 import해야 합니다. 빈 파일, 200,000자 초과, 허용되지 않은 import는 거부됩니다.

미리보기가 비어 있는 이유는? canvas 프리미티브를 반환하는 default export가 필요합니다. 예제 페이지에서 검증된 형태를 펼쳐 보세요.

lucide-react나 로컬 파일을 import할 수 있나요? 아니요. cursor/canvas와 React만 허용됩니다. 아이콘이 필요하면 작은 SVG를 IconButton에 인라인하세요.

소스는 비공개인가요? 짧은 링크를 만들기 전까지만 그렇습니다. 이후 URL을 가진 누구나 소스를 불러올 수 있습니다.

예제 불러오기가 이 문서와 같나요? 아닙니다. 도구의 예제 불러오기는 전체 SDK 갤러리를 넣습니다. 이 문서는 더 작은 미리보기를 써서 한 번에 하나의 아이디어를 복사할 수 있습니다.

이 페이지가 도움이 되었나요?