VV
Visual Vibing, an orchestration layer for vibe coding.
Core trick
Runs up to six branches of one webapp on separate ports in a tiled view, auto-committing each pane's cursor-agent edits.
Tags
Description
Visual Vibing, an orchestration layer for vibe coding. You make requests in your project's UI and they are applied live in front of you. You can parallelise in a single browser tab with no agent conflicts, no merge conflicts and no fuss.
README excerpt
# VV - Multi-Version Dev Tool VV is a UI-first development tool that allows you to run and view multiple versions of the same webapp simultaneously in one browser tab. It provides a tiled view of up to 6 different versions running on different ports, with git orchestration and AI-powered code modifications. ## Features - 🎯 **Tiled View**: Display up to 6 versions of your webapp in a responsive grid layout - 🔄 **Git Orchestration**: Automatic branch management for each pane - 🤖 **AI-Powered Changes**: Request code changes using cursor-agent CLI - 💾 **Auto-Commit**: Automatically stage and commit all changes after agent completes - 📊 **Status Tracking**: Visual indicators for ahead/stale branches - 🔀 **Smart Merging**: Sequential merge queue with automatic conflict handling - 💬 **Interactive UI**: Collapsible floating windows for each pane - 🏷️ **Auto-Titles**: AI-generated titles using Google Gemini ## Architecture ``` vv/ ├── backend/ # Python FastAPI server │ ├── main.py # Main API server │ ├── git_ops.py # Git operations │ └── agent.py # cursor-agent integration ├── frontend/ # React + Vite UI │ └── src/ │ ├── components/ # UI components │ ├── hooks/ # React hooks │ └── lib/ # Utilities └── 1/, 2/, 3/, 4/, 5/, 6/ # Webapp clones ``` ## Prerequisites - Python 3.10+ - Node.js 18+ - cursor-agent CLI installed and in PATH - Git repositories in folders 1-6 - Each webapp should run on ports 3001-30