Vscode Extension Guide

A comprehensive guide for building VS Code extensions from zero to Marketplace publication. Covers scaffolding with Yeoman, manifest structure, command registration, TreeView and Webview patterns, and packaging with vsce. Includes specific guidance on extension host boundaries, managing generated sections with START/END markers, and centralizing notifications with configurable modes (sound, silent toast, status bar). The troubleshooting tables and done criteria are practical. References are organized by topic but written in mixed English and Japanese, which might slow you down if you're not bilingual. Best suited for developers building their first extension or debugging activation and packaging issues rather than those already deep in complex API work.

skills.sh installs: 215
GitHub stars: 27
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add aktsmm/agent-skills --skill vscode-extension-guide --agent claude-code

Installs into .claude/skills of the current project.

Files

VS Code Extension Guide

Create, develop, and publish VS Code extensions.

For extensions with a management UI, default to a dedicated Activity Bar icon and sidebar unless another entry point is explicitly chosen. A Marketplace icon alone does not create that navigation; use the TreeView reference below.

For user-facing extensions, provide a clearly labeled bug-report/feature-request entry in the primary sidebar or management UI and a Command Palette fallback; a README or Marketplace link alone is insufficient. Preview minimal, non-sensitive metadata before opening a fixed feedback destination; leave submission to the user and never auto-attach prompts, raw logs, secrets or private paths.

When to Use

VS Code extension, extension development, vscode plugin
Creating a new VS Code extension from scratch
Adding commands, keybindings, or settings to an extension
Publishing to VS Code Marketplace

Quick Start

# Scaffold new extension (recommended)
npm install -g yo generator-code
yo code

# Or minimal manual setup
mkdir my-extension && cd my-extension
npm init -y && npm install -D typescript @types/vscode