A powerful Cursor IDE extension for visual thinking and AI prompting—best used for quickly sketching ideas and intent to make human-AI collaboration more seamless. Sketch > Copy > Paste into Cursor Chat. Done. Expect more crazy powerful features in the future.
Website: https://sketch-prompt.com
- Rich Sketching: Full TLDraw integration with shapes, text, drawing tools, and more
- AI-Ready: Structured format for AI analysis and collaboration
- File Persistence: Save and load sketches as
.sketchpromptfiles with version control - Copy to Prompt: Export sketches as images and seamlessly insert into your prompts
- Custom Editor: Dedicated editor for
.sketchpromptfiles - Auto-Save: Your work is automatically saved as you sketch
- Collaboration Ready: Foundation for multi-user and AI-assisted sketching
Install SketchPrompt to start sketching:
- Open Cursor IDE
- Go to Extensions (Cmd/Ctrl + Shift + X)
- Search for "SketchPrompt"
- Click Install
- Download the latest
.vsixfile from GitHub Releases - Open Cursor IDE
- Go to Extensions (Cmd/Ctrl + Shift + X)
- Click the "..." menu and select "Install from VSIX..."
- Select the downloaded
.vsixfile - Restart Cursor IDE when prompted
Build from source to contribute or customize:
- Clone this repository:
git clone https://github.com/pascalx-git/SketchPrompt.git - Install dependencies:
npm install - Build the extension:
npm run vscode:prepublish - Package the extension:
npx vsce package - Install the
.vsixfile in Cursor IDE
Alternative: Visit https://sketch-prompt.com for detailed tutorials and documentation.
- Open the command palette (
Cmd/Ctrl + Shift + P) - Run "SketchPrompt: New Sketch"
- Or right-click in the file explorer and select "SketchPrompt: New Sketch"
- A new
.sketchpromptfile will be created in theSketchPromptfolder - The file will open in the SketchPrompt editor
- Open any
.sketchpromptfile to edit it visually - All changes are auto-saved
- Run "SketchPrompt: Help" from the command palette to open the local
Help.mdfile in your workspace. - The
Help.mdfile contains usage tips and a link to the GitHub repo for the latest updates. - Visit https://sketch-prompt.com for detailed documentation and tutorials.
.sketchpromptfiles are automatically opened in the SketchPrompt editor- Smart Auto-Save: Only saves when content actually changes (not on mouse movement)
- File Watching: Automatically reloads when files are modified externally
- JSON Format: Files contain structured data that can be version controlled and analyzed by AI
- Visual Feedback: Real-time status updates and notifications keep you informed
- Smart Recovery: Automatic backup and recovery from file corruption
# Build the webview (React app)
npm run build-webview
# Build the extension
npm run compile
# Build both
npm run vscode:prepublish# Watch webview changes
npm run watch-webview
# Watch extension changes
npm run watch- Press
F5in Cursor to launch the extension in debug mode - Create a new sketch and test the functionality
- Check the developer console for any errors
- Extension: TypeScript-based VS Code extension
- Webview: React app with TLDraw integration
- Build: Vite for webview bundling, TypeScript for extension compilation
- Auto-Save: Debounced, content-aware saving with deep equality checks
- File Watching: Self-trigger suppression to prevent reload loops
SketchPrompt is built with security-first principles to ensure your sketches and workflow remain safe and private.
- Local-First Architecture: All sketches stay on your machine with no cloud dependencies
- Open Source & Auditable: Full source code available for security review
- Privacy-Focused: No data collection or transmission to external services
- Regular Security Reviews: Iterative assessments before each release
- No personal data tracking: We don't collect user names, emails, or identities
- No sketch content transmission: Your drawings never leave your machine
- No file monitoring: Individual file names or workspace data are not tracked
- Local processing: All functionality runs locally on your device
📋 See detailed security information →
- Content Security Policy (CSP): Hardened against XSS attacks
- Input Validation: All sketch data validated with JSON schema
- Path Traversal Protection: Secure file operations
- Error Sanitization: No information leakage in error messages
- Local Bundling: Minimal external dependencies
SketchPrompt is designed with privacy in mind. All sketch data stays on your local machine and is never sent to external services.
What We Don't Track:
- ❌ Personal data: No user names, emails, or identities
- ❌ Sketch content: Your drawings and sketches are never sent anywhere
- ❌ File names: Individual file names or paths are not tracked
- ❌ Workspace data: Your project structure or workspace information
- ❌ AI conversations: Chat content or prompts are not tracked
What's Coming:
- 🔒 Local-first approach: All features will prioritize local processing
- 🤝 Optional collaboration: Future sharing features will be opt-in only
- 🔐 End-to-end encryption: For any future cloud features
- 📊 Privacy-focused analytics: If implemented, will be anonymous and optional
- Stabilizing the core sketching experience
- Improving auto-save reliability
- Enhancing the file format for better AI integration
- Integrating AI capabilities to analyze sketches
- Generate prompts and provide intelligent suggestions
- AI-powered content analysis based on visual content
- Multi-user sketching with real-time synchronization
- Conflict resolution and version control
- Cloud-based sharing capabilities
tldraw: Rich sketching libraryreact&react-dom: UI frameworkvite: Build tool for the webviewtypescript: Extension development
MIT
SketchPrompt is licensed under the MIT License. This project bundles the TLDraw SDK, which is licensed separately by tldraw, Inc. and is subject to its own terms. By using SketchPrompt, you agree to comply with both the MIT License and the TLDraw SDK License.
- Fork the repository
- Create a feature branch
- Make your changes
- Test thoroughly in Cursor
- Submit a pull request
- Website: https://sketch-prompt.com
- GitHub: https://github.com/pascalx-git/SketchPrompt
- Help: Run "SketchPrompt: Help" in Cursor or see Help.md
Version: 0.2.1 | Last Updated: July 2024 | Compatibility: Cursor IDE