Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>The Vibe Coding HandbookNew to Visual Studio Code? Get it now.
The Vibe Coding Handbook

The Vibe Coding Handbook

The Vibecoder

|
2 installs
| (0) | Free
AI-first project governance — context, policies, and prompt optimization for vibe coding
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Vibe Coding — VS Code Extension

AI-first project governance directly in your IDE

Features

  • 🛡️ Policy Sidebar — Browse project policies (Git, Security, Testing) in the activity bar
  • 📋 Architecture Decisions — View ADRs (Architecture Decision Records)
  • ⚡ Stack Detection — Auto-detect your framework, language, auth, database
  • 🚀 Initialize Project — Generate AGENTS.md, .iderules, and policies with one command
  • 🔍 Check Project — Validate governance setup (6 checks)
  • 🔄 Refresh Context — Auto-update AGENTS.md from current codebase
  • ✨ Optimize Prompt — Transform vague prompts into structured instructions
  • 💬 Chat / Plan Task — Generate vibe-plan.md and vibe-prompt.md from a task description
  • 🗂️ Sync Templates & Prompts — Install starter templates and reusable AI prompts
  • 👁️ Review Code — Scan active, changed, staged, or base-ref files for common issues
  • 📖 Context Panel — Rich webview with project overview, AGENTS.md, and .iderules

Commands

Command Description
Vibe: Initialize Project Generate governance files
Vibe: Check Project Run 6 validation checks
Vibe: Refresh Context Update AGENTS.md from codebase
Vibe: Optimize Prompt Optimize a prompt for AI agents
Vibe: Chat / Plan Task Generate vibe-plan.md and vibe-prompt.md
Vibe: Sync Templates & Prompts Install templates or reusable prompts
Vibe: Show Project Context Open context webview panel
Open AGENTS.md Open project's AGENTS.md
Open .iderules Open project's .iderules

Generated Files

project/
├── AGENTS.md              ← Main agent context
├── .iderules           ← IDE rules
└── .vibecoding/
    ├── policies/
    │   ├── git-policy.md
    │   ├── security-policy.md
    │   └── testing-policy.md
    └── decisions/
        └── ADR-001-architecture.md

CLI Integration

When @vibecoding/cli is installed in the workspace (or globally available), the extension delegates Vibe: Initialize Project and Vibe: Refresh Context to it. This means the extension automatically uses your configured LLM (OPENAI_API_KEY or ANTHROPIC_API_KEY) and preserves existing AGENTS.md content with merge markers. If the CLI is not available, the extension falls back to a built-in heuristic generator.

You can disable LLM calls in the extension settings (the-vibecoding-handbook.useLLM).

Install

Install from the VS Code Marketplace.

Visit the-vibecoding-handbook.com for the complete handbook.

Publishing

The extension is published manually with vsce.

cd vscode-extension
npm install -g @vscode/vsce
vsce login TheVibecoder
vsce publish

Requirements:

  • A Personal Access Token with the Marketplace scope.
  • The token must be added to vsce via vsce login or passed with --pat <token>.
  • The version in package.json must be bumped before each publish.

CI does not auto-publish the extension; only the CLI is published via .github/workflows/release.yml.

Learn More

Visit The-vibecoding-handbook.com for the complete handbook.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft