VS Code Extension Builder
Skill Warning ActiveBuild VS Code extensions from scratch or convert existing JS/React/Vue apps. Supports commands, webviews (React/Vue), custom editors, tree views, and AI agent integration via file-bridge IPC. Use when user wants to create a VS Code extension, convert a web app to an extension, add webviews or custom UIs to VS Code, implement tree views, build custom file editors, integrate with AI agents, or package/publish extensions (.vsix).
To empower developers to build and package VS Code extensions by providing structured guidance, templates, and best practices.
Features
- Build VS Code extensions from scratch
- Convert JS/React/Vue apps to extensions
- Support for commands, webviews, custom editors, tree views
- AI agent integration via file-bridge IPC
- Detailed guides and asset templates
Use Cases
- Creating a new VS Code extension
- Adding custom UIs or panels to VS Code
- Implementing file explorers or custom editors
- Integrating AI agents into VS Code workflows
- Packaging and publishing VS Code extensions
Non-Goals
- Developing extensions for IDEs other than VS Code
- Providing a runtime environment for extensions
- Directly integrating with specific AI models beyond the file-bridge pattern
License
- critical:License usabilityThe extension is licensed under AGPL-3.0, which is a strong copyleft license that may impose significant obligations on users, particularly concerning network-based distribution or modification. The license is also not permissive for commercial use.
Trust
- info:Issues AttentionThere are 3 open issues and 7 closed issues in the last 90 days, indicating some level of engagement but potentially slow response times given the number of open issues.
Installation
First, add the marketplace
/plugin marketplace add lawvable/awesome-legal-skills/plugin install vscode-extension-builder-lawvable@lawvableQuality Score
WarningTrust Signals
Similar Extensions
Trader Regime
100Detect current market regime using npx neural-trader — bull/bear/ranging/volatile classification with recommended strategy
Setup Tailwind Typescript
100Configure Tailwind CSS with TypeScript in a Next.js or React project. Covers installation, configuration, custom theme extensions, component patterns, and type-safe styling utilities. Use when adding Tailwind CSS to an existing TypeScript project, customizing the Tailwind theme for a project's design system, setting up type-safe component styling patterns, or configuring Tailwind plugins and extensions.
Sentry React Router Framework Sdk
100Full Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure error monitoring, tracing, profiling, session replay, logs, or user feedback for a React Router v7 framework app.
Setup
100Use first for install/update routing — sends setup, doctor, or MCP requests to the correct OMC setup flow
Project Session Manager
100Worktree-first dev environment manager for issues, PRs, and features with optional tmux sessions
Mcp Setup
100Configure popular MCP servers for enhanced agent capabilities