Can it help me create UI elements like Sidebars?

Yes, it includes detailed implementation patterns for Webviews, Sidebar panels, Tree View providers, and Status Bar items.

How does this skill help with the VS Code API?

It has primary access to official VS Code documentation at @source/vscode-docs/api/, allowing it to provide authoritative and up-to-date API references.

Does this skill support both TypeScript and JavaScript?

Yes, it supports both languages, providing specialized templates and guidance for either choice, though TypeScript is recommended for the best developer experience.

Does it assist with the publishing process?

Yes, the skill covers the entire workflow including manifest configuration, bundling, and guidance for publishing to the Visual Studio Marketplace.

VS Code Extension Expert

Name: VS Code Extension Expert
Author: StrayDragon

byStrayDragon

•

Developer Tools

Guides developers through the end-to-end lifecycle of building, debugging, and publishing Visual Studio Code extensions.

This skill provides a comprehensive environment for Visual Studio Code extension development, leveraging the official Yeoman generator and the authoritative VS Code API documentation. It assists with initial scaffolding in TypeScript or JavaScript, manifest configuration in package.json, and implementing core features like commands and status bar items. It also provides advanced support for building complex UI components such as Webviews and Tree Views. Whether you are setting up a new project or troubleshooting an existing plugin, this skill offers specialized workflows and best practices to streamline the development process.

Key Features

011 GitHub stars

02Comprehensive support for manifest configuration and activation events

03Step-by-step guidance for implementing Webviews, Sidebars, and Tree Views

04Authoritative VS Code API reference integration for real-time documentation access

05Debugging and testing support for Extension Development Host environments

06Automated scaffolding using the official Yeoman generator tool

Use Cases

01Creating a new VS Code extension from scratch with TypeScript and Webpack

02Adding custom UI components like status bar items or activity bar views to an editor

03Troubleshooting activation event issues or command registration errors in a plugin

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add straydragon/my-claude-skills vscode-extension-builder

For use in Claude.ai and ChatGPT

Download Skill