How do I start a new VS Code extension project with this skill?

The skill guides you through using the Yeoman generator (`yo code`) to scaffold a TypeScript-based extension project with all necessary configurations and recommended bundlers like esbuild.

Does it include information on publishing to the VS Code Marketplace?

Absolutely. The skill covers the entire lifecycle, including adding metadata to package.json, creating icons, packaging with vsce, and publishing using Azure DevOps tokens.

What is the recommended language for building extensions with this skill?

While the VS Code API supports JavaScript, this skill strongly recommends and provides templates for TypeScript to ensure type safety and better developer experience.

Can this skill help with building complex UIs like sidebars?

Yes, it provides detailed patterns for Tree Views and Webviews, including how to handle message passing between the extension context and the UI.

How does the skill ensure my extension doesn't slow down VS Code?

It emphasizes performance best practices such as using specific activation events (onCommand, onLanguage) instead of global startup triggers and implementing lazy loading for heavy resources.

VS Code Extension Builder

Name: VS Code Extension Builder
Author: kjgarza

bykjgarza

0•

Herramientas para Desarrolladores

Builds and manages professional Visual Studio Code extensions with specialized guidance on architecture, APIs, and marketplace publishing.

This skill provides a comprehensive workflow for developing Visual Studio Code extensions, from initial project scaffolding to marketplace distribution. It offers expert guidance on the VS Code Extension API, including command registration, webview implementation, language support, and tree views. By following integrated best practices for activation events and resource management, it ensures your extensions are high-performing, secure, and provide a seamless user experience within the VS Code ecosystem.

Características Principales

01End-to-end support for debugging, automated testing, and marketplace packaging with vsce

02Automated project scaffolding and architecture selection for TypeScript extensions

03Optimization of activation events to ensure fast extension startup and low memory footprint

04Comprehensive guidance on VS Code Extension APIs including Commands, Windows, and Workspace

05Implementation patterns for complex UI elements like Webviews, Tree Views, and Status Bar items

060 GitHub stars

Casos de Uso

01Adding rich language support including syntax highlighting, snippets, and IntelliSense for new languages

02Developing custom productivity tools or internal developer utilities within the VS Code interface

03Creating interactive sidebars or custom editor panels using the Webview API for specialized workflows

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kjgarza/marketplace-claude vscode-extension-builder

For use in Claude.ai and ChatGPT

Download Skill