Viber
AI-powered feature development inside VS Code. Understand → Design → Plan → Build → Test.
Setup
- Install the extension
- Open VS Code settings (
Cmd+, / Ctrl+,)
- Search for
viber.apiKey and paste your Anthropic API key
- Click the Viber icon in the activity bar
Usage
- Set DS Path (optional) — point Viber to your design system docs folder
- Drop screenshots of the feature you want to build
- Paste context — PRD, Jira tickets, API details, anything relevant
- Hit start session
Viber will read everything and guide you through 5 phases with streaming responses and phase-gated approvals.
Phases
| # |
Phase |
What happens |
| 1 |
Understand |
Viber reads all context, asks clarifying questions |
| 2 |
Design |
Feature flow summary + ASCII layout of all screens |
| 3 |
Plan |
Step-by-step implementation plan + edge cases |
| 4 |
Build |
Code implementation following the approved plan |
| 5 |
Test |
E2E, unit tests, or skip to commit |
Configuration
| Setting |
Description |
viber.apiKey |
Your Anthropic API key |
viber.model |
Claude model (default: claude-sonnet-4-20250514) |
viber.dsPath |
Path to your design system docs folder |
| |
