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.

About

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

1 GitHub stars
Comprehensive support for manifest configuration and activation events
Step-by-step guidance for implementing Webviews, Sidebars, and Tree Views
Authoritative VS Code API reference integration for real-time documentation access
Debugging and testing support for Extension Development Host environments
Automated scaffolding using the official Yeoman generator tool

Use Cases

Creating a new VS Code extension from scratch with TypeScript and Webpack
Adding custom UI components like status bar items or activity bar views to an editor
Troubleshooting activation event issues or command registration errors in a plugin

About

Key Features

1 GitHub stars
Comprehensive support for manifest configuration and activation events
Step-by-step guidance for implementing Webviews, Sidebars, and Tree Views
Authoritative VS Code API reference integration for real-time documentation access
Debugging and testing support for Extension Development Host environments
Automated scaffolding using the official Yeoman generator tool

Use Cases

Creating a new VS Code extension from scratch with TypeScript and Webpack
Adding custom UI components like status bar items or activity bar views to an editor
Troubleshooting activation event issues or command registration errors in a plugin