vscode-extension-packaging

Plan VS Code extension packaging workflows for desktop, web, ESM/CJS, and WASM assets.

4|Updated Jan 22, 2026
One-click install
npx skills add https://github.com/cc01cc/cmtx-project --skill vscode-extension-packaging
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vscode-extension-packaging
Source: https://github.com/cc01cc/cmtx-project/tree/main/.kilo/skills-repo/cmtx/vscode-extension-packaging
Command: npx skills add https://github.com/cc01cc/cmtx-project --skill vscode-extension-packaging

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Developers often struggle to package VS Code extensions for multiple runtimes (ESM/CJS), WASM assets, and platform-specific release targets, leading to inconsistent builds and manual toil.

Core Features & Use Cases

  • Supports dual-entry packaging for desktop and web extensions, with separate build outputs.
  • Provides guidance for bundlers (esbuild/webpack), WASM asset handling, and VSIX packaging.
  • Applies to CI workflows that validate build, package, and smoke tests across platforms.

Quick Start

Build a packaging plan that targets both desktop and web runtimes for a VS Code extension, including ESBuild/CJS-ESM interop and WASM asset handling.

Frequently Asked Questions about vscode-extension-packaging

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

FAQPage Schema
How do I package a VS Code extension for both desktop and web targets?

Packaging a VS Code extension for desktop and web targets requires dual-entry build outputs and separate VSIX configurations. This workflow provides concrete recommendations for bundlers, entry points, and asset copying to ensure consistent builds across runtimes.

What is the best way to handle WASM assets when building VS Code extensions?

Handling WASM assets when building VS Code extensions involves configuring specific asset copying rules and bundler settings. This packaging plan includes strategies for integrating WASM files into the final VSIX package without manual toil.

How do I resolve ESM and CJS interop issues during VS Code extension packaging?

Resolving ESM and CJS interop issues during VS Code extension packaging requires configuring your bundler to handle dual module formats. This workflow provides concrete recommendations for esbuild and webpack to ensure compatible build outputs.

Does VS Code extension packaging support CI validation for cross-platform releases?

VS Code extension packaging supports CI validation for cross-platform releases by integrating build, package, and smoke test checks into your workflow. This approach validates VSIX outputs and platform-specific release targets automatically.

What should I check after running VSIX packaging for a VS Code extension?

After running VSIX packaging for a VS Code extension, you should perform post-build checks to validate build outputs and WASM asset integrity. This workflow outlines specific post-build validation steps to ensure robust release targets.