How does this help with webview CSP errors?

It provides specific resolution patterns for silent Content Security Policy violations that often cause blank panels in WSL-hosted extensions.

Can I use this for the stable version of VS Code?

No, this skill is specifically tuned for the VS Code Insiders release cycle and WSL environments, focusing on paths and CLI commands unique to 'code-insiders'.

Does it support esbuild bundling?

Yes, it includes patterns for migrating from the default tsc pipeline to esbuild for faster, single-file extension bundling as recommended by modern VS Code standards.

What is the difference between UI and Workspace extensions in this context?

This skill guides you through the split where UI extensions stay on Windows while Workspace extensions run natively within the WSL server-side host.

VS Code Insiders Extension Dev (WSL)

Name: VS Code Insiders Extension Dev (WSL)
Author: AeyeOps

byAeyeOps

•

開発者ツール

Streamlines the development, debugging, and publication of VS Code extensions specifically for the Insiders edition running on WSL.

This skill provides verified workflows and implementation patterns for building VS Code extensions within a WSL environment using VS Code Insiders. It addresses specific architectural challenges like UI-side vs. server-side extension separation, silent Content Security Policy (CSP) violations in webviews, and profile-based installation fixes. By using environment-specific CLI invocations and esbuild bundling patterns, it helps developers avoid common pitfalls found when reasoning from general VS Code documentation alone.

主な機能

01WSL-specific extension host debugging and CLI workflows

02Native VS Code API patterns for TreeViews and FileSystemWatchers

03Profile-based installation fixes for code-insiders on Linux

041 GitHub stars

05Resolution patterns for blank webview panels and CSP violations

06Optimized esbuild bundling configurations for faster builds

ユースケース

01Scaffolding and building a new TypeScript extension for VS Code Insiders

02Implementing high-performance webview panels with secure CSP settings

03Troubleshooting extensions that fail to load under WSL remote profiles

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add aeyeops/aeo-skill-marketplace vscode-insiders-extension

For use in Claude.ai and ChatGPT

主な機能

01WSL-specific extension host debugging and CLI workflows

02Native VS Code API patterns for TreeViews and FileSystemWatchers

03Profile-based installation fixes for code-insiders on Linux

041 GitHub stars

05Resolution patterns for blank webview panels and CSP violations

06Optimized esbuild bundling configurations for faster builds

ユースケース

01Scaffolding and building a new TypeScript extension for VS Code Insiders

02Implementing high-performance webview panels with secure CSP settings

03Troubleshooting extensions that fail to load under WSL remote profiles

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add aeyeops/aeo-skill-marketplace vscode-insiders-extension

For use in Claude.ai and ChatGPT