Viber Extension - Multi-Agent IDE Integration
Viber Extension seamlessly connects your browser-based frontend development to multiple AI coding assistants across different IDEs. Make precise, atomic changes to your frontend code directly from your browser with intelligent AI assistance.
✨ Features
- 🚀 Multi-Framework Support: Viber works with ALL major frameworks: React, Vue, Angular, Svelte, and Vanilla JavaScript
- 🔌 Universal IDE Integration: Works with VS Code, Cursor, and other IDEs
- 🎯 Smart Element Selection: Framework-aware element detection and analysis
- 🤖 AI-Powered Modifications: Make precise changes with AI assistance
📋 Requirements
- VS Code: Version 1.80.0 or higher ✅
- Cursor: Latest version ✅
- WindSurf: Latest version ✅
🚀 Quick Start
- Install this extension from the VS Code Marketplace
- Install your preferred AI agents (Continue.dev, Cline, GitHub Copilot, etc.)
- Extension automatically connects and detects your environment
🤖 AI Agent Support by IDE
VS Code - Full Multi-Agent Support ✅
VS Code supports multiple AI agents simultaneously, giving you the most flexibility:
AI Agent |
Status |
Auto-Paste |
Auto-Submit |
Notes |
Continue.dev |
✅ Full |
✅ Yes |
❌ No |
Opens Continue, pastes prompt, requires manual submit |
Cline |
✅ Full |
✅ Yes |
✅ Yes |
Direct integration, automatic code application |
GitHub Copilot |
✅ Full |
✅ Yes |
✅ Yes |
Opens Copilot Chat, pastes prompt |
Auto-Detect |
✅ Smart |
✅ Yes |
✅ Yes |
Automatically selects best available agent |
VS Code Advantages:
- Multiple AI agents can be installed simultaneously
- Automatic agent detection and switching
- Full integration with Viber's prompt injection system
- Seamless code application and file management
Cursor - Native AI Integration ✅
Cursor has its own built-in AI system:
AI Agent |
Status |
Auto-Paste |
Auto-Submit |
Notes |
Cursor AI |
✅ Full |
✅ Yes |
❌ No |
Native integration, requires manual submit |
Cursor Advantages:
- Built-in AI that works seamlessly with Viber
- No additional extensions required
- Automatic prompt processing but requires manual submit
WindSurf - Native AI Integration ✅
WindSurf has its own AI capabilities:
AI Agent |
Status |
Auto-Paste |
Auto-Submit |
Notes |
WindSurf AI |
✅ Full |
✅ Yes |
✅ Yes |
Native integration, automatic processing |
WindSurf Advantages:
- Built-in AI that integrates with Viber
- No additional setup required
- Automatic code generation and application
⚙️ Configuration
The extension works out-of-the-box with automatic AI agent detection. You can optionally set a preference:
{
"viber.preferredAIAssistant": "continue" // Options: "continue", "cline", "copilot", "auto"
}
Note: The "auto" setting (default) automatically selects the best available AI agent.
�� Extension Commands
Viber: Trigger AI Agent
: Manually trigger the Viber AI agent
Viber: Switch AI Agent
: QuickPick menu to change AI preference
Viber: Show Current Agent
: Display current AI agent status
🚨 Important Limitations
AI Agent Limitations
Continue.dev
- Requires Manual Submit: After pasting the prompt, you must click the submit button yourself
Cline
- Best Integration: Most seamless experience with Viber
- Auto-Apply: Automatically applies code changes
Cursor
- Requires Manual Submit: After pasting the prompt, you must click the submit button yourself
- Built-in AI: Uses Cursor's native AI system
GitHub Copilot
- Auto-Paste: Automatically pastes prompts
- Requires Extension: Must have GitHub Copilot extension installed
🐛 Troubleshooting
AI Agent Not Responding?
- Verify your AI preference setting
- Ensure the selected AI agent is installed and enabled
- Check VS Code extension output for errors
- Try manually triggering the agent with
Viber: Trigger AI Agent
Extension Not Working?
- Check VS Code extension output for connection errors
- Ensure the extension is activated
- Try reloading VS Code window
📚 Documentation
🔄 Updates
Version 1.0.0 - Multi-Agent Foundation
- ✅ VS Code extension infrastructure
- ✅ Multi-AI agent support (Continue.dev, Cline, GitHub Copilot)
- ✅ IDE communication framework
- ✅ Automatic agent detection and switching
- ✅ Comprehensive error handling and user feedback
📄 License
MIT License - see LICENSE for details.
💬 Support
Made with ❤️ by the Viber Team