w

Ferramenta Cursor Canvas

Cole um ficheiro .canvas.tsx do Cursor, pré-visualize no browser e publique um atalho partilhável.

FAQ

Porque parece diferente do Cursor? Esta pré-visualização reimplementa a API pública cursor/canvas em React. Não é o runtime do IDE. Espaçamento, gráficos e controlos são próximos, não idênticos ao píxel.

Os botões Agent funcionam? Parcialmente. useCanvasAction abre o Cursor via deeplink (cursor://). Prompts de chat e caminhos de ficheiro absolutos funcionam; caminhos relativos e ids de conversa Agent não conseguem apontar para o espaço de trabalho local, por isso pré-preenchem um prompt.

Os atalhos caducam? Ficam até o proprietário os eliminar em Atalhos publicados. Não são mensagens de uso único.

Porque falhou a publicação? O backend tem de estar a correr e a origem deve importar de cursor/canvas. Ficheiros vazios, com mais de 200 000 caracteres e imports não permitidos são rejeitados.

Porque está a pré-visualização em branco? O ficheiro precisa de um export default que devolva primitivas canvas. Expanda os exemplos em direto na página de exemplos.

Posso importar lucide-react ou ficheiros locais? Não. Só cursor/canvas e React são permitidos. Se precisar de um ícone, coloque um SVG pequeno em linha no IconButton.

A origem é privada? Só até criar um atalho. Depois, qualquer pessoa com o URL pode carregar a origem.

«Carregar exemplo» corresponde a esta documentação? Não. Carregar exemplo na ferramenta injeta a galeria completa do SDK. Esta documentação usa pré-visualizações mais pequenas para copiar uma ideia de cada vez.

Esta página foi útil?