VS Code AI Builder

Agentic Codegen Extension

Build complete websites and applications from a single prompt. See your project open, edit files professionally, and enjoy seamless development.

Build from Prompt

Generate project structure, plan, and initial code from natural language descriptions

Project-Aware

Read tree structure, summarize context, and work with existing codebases

Safe Mode

Dry-run, path allowlists, and confirmation prompts for safe development

Core Features

Patch & Review

Receive changes in Unified Diff format, preview them visually, and apply selectively with confidence.

  • Visual diff viewer
  • Selective patch application
  • Rollback support

Tasks Orchestrator

Run commands (npm/yarn/pnpm), dev servers, linters with live log streaming in the panel.

  • Real-time log streaming
  • Task queue management
  • Error detection

Provider-Agnostic

Works with OpenAI, Anthropic, Gemini, and other LLM providers through a unified interface.

  • Multiple provider support
  • Easy switching
  • API key management

Command Suite

Comprehensive set of commands for every development stage and use case.

  • Build from prompt
  • Edit selection
  • Refactor project

Available Commands

aiBuilder.buildFromPrompt

Build project from natural language prompt

aiBuilder.explainPlan

Show the execution plan before applying

aiBuilder.applyPlan

Apply the generated plan to workspace

aiBuilder.editSelection

Edit selected code with AI assistance

aiBuilder.refactorProject

Comprehensive project refactoring

aiBuilder.runTask

Execute development tasks with live logs

Project Structure 

ai-builder-ext/
├─ package.json
├─ tsconfig.json
├─ src/
│  ├─ extension.ts
│  ├─ agent/
│  │  ├─ Agent.ts
│  │  ├─ Patch.ts
│  │  ├─ Context.ts
│  │  └─ Tools.ts
│  ├─ llm/
│  │  ├─ Provider.ts
│  │  ├─ OpenAIProvider.ts
│  │  ├─ AnthropicProvider.ts
│  │  └─ GeminiProvider.ts
│  ├─ ui/
│  │  ├─ Panel.ts
│  │  └─ webview.html
│  └─ util/
│     ├─ fs.ts
│     └─ diff.ts
└─ README.md

Quick Start

Installation

Prerequisites:

  • • VS Code 1.92.0+
  • • Node.js 18+

Install dependencies:

npm i

Build in watch mode:

npm run watch

Press F5 to launch extension

Configuration

Select provider:

aiBuilder.provider

Options: openai, anthropic, gemini

Set API Key:

aiBuilder.apiKey

Stored securely in VS Code SecretStorage

Enable safe mode:

aiBuilder.dryRun: true

Preview changes before applying