Cursor-Canvas-Tool
Fügen Sie eine Cursor-.canvas.tsx-Datei ein, zeigen Sie sie im Browser in der Vorschau an und veröffentlichen Sie einen kurzen teilbaren Link.
FAQ
Warum sieht es anders aus als in Cursor? Diese Vorschau implementiert die öffentliche cursor/canvas-API in React neu. Es ist nicht die Cursor-IDE-Runtime. Abstände, Charts und Controls sind nah, nicht pixelidentisch.
Funktionieren Agent-Schaltflächen? Teilweise. useCanvasAction öffnet Cursor über Deeplink (cursor://). Chat-Eingaben und absolute Dateipfade funktionieren; relative Pfade und Agent-Konversations-IDs können den lokalen Arbeitsbereich nicht ansteuern und füllen stattdessen eine Eingabe vor.
Laufen Kurzlinks ab? Sie bleiben, bis die Eigentümerin sie unter Veröffentlichte Links löscht. Es sind keine Einmalnachrichten.
Warum ist das Veröffentlichen fehlgeschlagen? Das Backend muss laufen, und die Quelle muss aus cursor/canvas importieren. Leere Dateien, über 200.000 Zeichen und unerlaubte Imports werden abgelehnt.
Warum ist die Vorschau leer? Die Datei braucht einen default-Export, der Canvas-Primitives zurückgibt. Klappen Sie die Live-Beispiele auf der Beispiele-Seite auf.
Kann ich lucide-react oder lokale Dateien importieren? Nein. Nur cursor/canvas und React sind erlaubt. Für ein Icon ein kleines SVG in IconButton inline setzen.
Ist die Quelle privat? Nur bis Sie einen Kurzlink erstellen. Danach kann jede Person mit der URL die Quelle laden.
Stimmt „Beispiel laden“ mit dieser Doku überein? Nein. Beispiel laden im Tool injiziert die volle SDK-Galerie. Diese Dokumentation nutzt kleinere Vorschauen, damit Sie eine Idee nach der anderen kopieren können.