skills.rest
congiuluc
congiulucCOMMUNITY
Explore all skills by this author →
𝕏@congiulucGitHub

vscode-extension

Scaffold TypeScript-based VS Code extensions with structured project guidance.

Updated Mar 28, 2026
Search Tags:#typescript#testing#commands#webviews#extension-api#vscode-extension#activation-events
One-click install
npx skills add https://github.com/congiuluc/my-awesome-copilot --skill vscode-extension-congiuluc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vscode-extension
Source: https://github.com/congiuluc/my-awesome-copilot/tree/main/skills/vscode-extension
Command: npx skills add https://github.com/congiuluc/my-awesome-copilot --skill vscode-extension-congiuluc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Build VS Code extensions efficiently using TypeScript, covering extension anatomy, activation events, commands, views, webview panels, language features, testing, and publishing.

Core Features & Use Cases

  • Scaffold and structure an extension project with standard directories (src, test, webview, etc.)
  • Implement activation, commands, tree views, webviews, language features, and testing
  • Package and publish to the VS Code Marketplace

Quick Start

Create a new extension project and start building commands and views.

Frequently Asked Questions about vscode-extension

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure a TypeScript VS Code extension project?▼

To structure a TypeScript VS Code extension, organize standard directories like src, test, and webview to manage commands, views, and language features effectively. This scaffolding approach supports end-to-end development workflows.

How do activation events work when building VS Code extensions?▼

Activation events trigger your VS Code extension to load when specific actions occur, like invoking commands or opening file types. Implementing them correctly ensures your extension loads efficiently during end-to-end development.

Can I build webview panels in a VS Code extension using TypeScript?▼

Yes, you can build webview panels in a VS Code extension using TypeScript to render custom HTML interfaces. Webviews enable displaying complex interactive content directly within the editor environment.

What is the best way to set up testing for a VS Code extension?▼

Set up testing for your VS Code extension by configuring a dedicated test directory and utilizing the extension API's testing capabilities. This validates commands, views, and language features before publishing.

How do I package and publish a VS Code extension to the Marketplace?▼

Package and publish your VS Code extension to the Marketplace by preparing your project for publishing readiness. This process finalizes your TypeScript commands, views, and webviews for public distribution.

Related Skills

Explore More Software Engineering Skills→
steedossteedos
1.6k

steedos-project-format

Scaffold Steedos projects with package.json and steedos-config.yml.

Official
Intermediate
sergeyitalysergeyitaly
1

cursor-kiro-extension-publishing

Publish VS Code extension VSIX files to Open VSX for Cursor and Kiro IDEs.

Community
Intermediate
joshsmithxrmjoshsmithxrm
5

ext-verify

Automate VS Code extension webview UI tests with Playwright Electron.

Community
Advanced
s-hiraokus-hiraoku
21

vscode-extension-refactorer

Refactor VS Code extension code to reduce duplication and improve maintainability.

Community
Advanced