Skip to content
| Marketplace
Sign in
Visual Studio Code>Machine Learning>Viber - Makes Frontend Code changes from your browserNew to Visual Studio Code? Get it now.
Viber - Makes Frontend Code changes from your browser

Viber - Makes Frontend Code changes from your browser

viber

|
1 install
| (0) | Free
Viber sits inside your localhost browser, letting you make precise, atomic changes to your frontend with help from an AI coding assistant — making development faster and way more intuitive.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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

  1. Install this extension from the VS Code Marketplace
  2. Install your preferred AI agents (Continue.dev, Cline, GitHub Copilot, etc.)
  3. 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?

  1. Verify your AI preference setting
  2. Ensure the selected AI agent is installed and enabled
  3. Check VS Code extension output for errors
  4. Try manually triggering the agent with Viber: Trigger AI Agent

Extension Not Working?

  1. Check VS Code extension output for connection errors
  2. Ensure the extension is activated
  3. Try reloading VS Code window

📚 Documentation

  • Website: app.useviber.dev
  • GitHub: github.com/useviber/viber

🔄 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

  • Issues: GitHub Issues
  • Discussions: GitHub Discussions
  • Email: support@userviber.dev

Made with ❤️ by the Viber Team

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft