skills.rest
lawve-ai
lawve-aiOFFICIAL
Explore all skills by this author →
WebsiteGitHub

vscode-extension-builder-lawvable

Create and deploy VS Code extensions from TypeScript templates with esbuild and Vite.

630|79|Updated Dec 18, 2025
Search Tags:#development#vscode#templates#packaging#extension#webview#ai-integration
One-click install
npx skills add https://github.com/lawve-ai/awesome-legal-skills --skill vscode-extension-builder-lawvable-lawve-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vscode-extension-builder-lawvable
Source: https://github.com/lawve-ai/awesome-legal-skills/tree/main/skills/vscode-extension-builder-lawvable
Command: npx skills add https://github.com/lawve-ai/awesome-legal-skills --skill vscode-extension-builder-lawvable-lawve-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) and references (resource) components.

What problem does it solve?

This Skill provides a scalable blueprint for building VS Code extensions from scratch or converting existing web apps into extensions, enabling faster delivery and standardized project structure.

Core Features & Use Cases

  • Extensible extension patterns: commands, webviews (React/Vue), custom editors, and tree views.
  • AI integration via file-bridge IPC for automating workflows across tools.
  • Packaging & deployment: prepare, package, and publish .vsix extensions.

Quick Start

Bootstrap your project by selecting an asset template and then run npm install to start building.

Frequently Asked Questions about vscode-extension-builder-lawvable

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

FAQPage Schema
How do I build a VS Code extension from a webview template?▼

You can convert web apps into VS Code extensions by applying this Skill's scalable blueprint, which standardizes the project structure and uses a minimal extension scaffold for faster delivery.

Can I integrate AI tooling into a VS Code extension?▼

Yes, you can integrate AI tooling into a VS Code extension via file-bridge IPC, enabling automated workflows across tools within your extension's custom editors or commands.

How do I package and publish a VSIX extension using esbuild and Vite?▼

You package and publish a VSIX extension by using the Skill's deployment features to prepare and package your TypeScript project built with esbuild and Vite into a distributable .vsix file.

Does this VS Code extension scaffold support React and Vue webviews?▼

Yes, this VS Code extension scaffold supports React and Vue webviews, along with tree views and custom editors, providing extensible patterns for diverse development needs.

What is the best way to structure a team environment for VS Code extension development?▼

The best way to structure VS Code extension development for team environments is using a standardized project blueprint with assets and references directories to customize and scale the extension patterns.

Related Skills

Explore More Software Engineering Skills→
Eng0AIEng0AI
15

chrome-extension-boilerplate-react-vite

Scaffold Chrome extensions with React, Vite, and TypeScript.

Official
Intermediate
igamenovoerigamenovoer
7

vscode-make-offline-installer

Package VS Code clients, server artifacts, and VSIX extensions for offline deployment.

Community
Advanced
CaiZongyuanCaiZongyuan
2

tentap-editor

Integrate TenTap's WebView-based rich text editor into React Native apps.

Community
Advanced
kjgarzakjgarza
3

vscode-extension-builder

Scaffold VS Code extensions with Yeoman templates and TypeScript configuration.

Community
Advanced