Visual Editor AI

AI visual editor for local development - design and code with AI.

What is it?

Works with Visual Editor AI Chrome Extension to edit your localhost projects with AI. Like v0.dev but for your existing local codebase.

How it works

1. Install this VS Code extension
2. Install Visual Editor AI Chrome extension
3. Open your project in VS Code
4. Run your dev server (localhost:3000, etc.)
5. Use Chrome extension to visually edit with AI

Features

• Automatic workspace detection
• Chrome extension status monitoring
• One-click setup

Usage

1. Open project folder in VS Code
2. Start your dev server
3. Open localhost in Chrome
4. Click Visual Editor AI icon
5. Select elements and describe changes

Requirements

• Chrome browser
• Visual Editor AI Chrome extension
• Claude CLI installed

License

MIT