Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

VS Code Extension · lawve-ai | DecimalAI

codingby lawve-ai

VS Code Extension

lawve-ai/vscode-extension-builder-lawvable

Source lawve-ai/awesome-legal-skills ↗License NOASSERTION

Build 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.

SkillScore86Maintained

Automatic

Coding pack

Last verified 8/16/2026

What it changes

Passed 19 of 22 test cases with the skill, and 14 of 22 without it.

Without skill64%

With skill86%

Checks it passed that the model alone missed

Identifies assets/tree-view/ as the template for sidebar tree views.
Identifies assets/basic-command/ as the template for simple commands.
Recommends starting from the assets/webview-react/ template directory.

and 2 more in the full report

5 fixed14 passed either way3 still failing0 broke

Pass-rate lift: +23 pp
Tokens: +86%
Agent turns: 0%
Response time: -33%

Model gemini-3.6-flashMeasured 8/16/2026v119 of 22 cases passed with skill

Tokens, turns and time describe resource use, not a dollar price.

Use this skill

Save it into your project's skills folder. Claude Code picks it up in its next session.

curl -fsSL --create-dirs -o .claude/skills/lawve-ai-vscode-extension-builder-lawvable/SKILL.md https://app.decimal.ai/s/lawve-ai-vscode-extension-builder-lawvable/SKILL.md

Want it pinned and updatable? pip install "decimalai>=0.15", then decimalai skills add lawve-ai-vscode-extension-builder-lawvable, and start Claude Code with claude --plugin-dir "$(git rev-parse --show-toplevel)/.agents"

1 · One-time — install the CLI (docs ↗)

pip install "decimalai>=0.15"

2 · Get the skill — writes .agents/skills/lawve-ai-vscode-extension-builder-lawvable/ and pins it in .decimal/skills.lock

decimalai skills add lawve-ai-vscode-extension-builder-lawvable

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/lawve-ai-vscode-extension-builder-lawvable/SKILL.md https://app.decimal.ai/s/lawve-ai-vscode-extension-builder-lawvable/SKILL.md

Raw file: /s/lawve-ai-vscode-extension-builder-lawvable/SKILL.md ↗ · machine-readable summary at /s/lawve-ai-vscode-extension-builder-lawvable.json ↗

Safety checks: 3 of 3 passed

Code scan CleanIntent PassedContent Clean

See it in action

One of 5 test cases the skill fixed. Same model, same prompt, with and without the skill.

1 of 5

Prompt

I only need a lightweight extension that registers a simple action accessible from the Command Palette without any custom web panels or sidebar views. Which template folder should I use?

What was checked, without and with the skill
Checked	Without skill	With skill
Identifies assets/basic-command/ as the template for simple commands.	Missed	Passed

case-06 · gemini-3.6-flash · 8/16/2026 · answers are capped and redacted

What's inside

The instructions your model reads when the skill loads.

SKILL.md247 lines9 files

VS Code Extension

Build VS Code extensions from scratch or convert existing web apps into portable, shareable extensions.

Architecture

VS Code extensions run in two contexts:

Extension Host (Node.js) — Backend logic, file access, VS Code APIs
Webviews (browser sandbox) — Custom UIs with HTML/CSS/JS (React, Vue, vanilla)

Build stack: TypeScript + esbuild (extension) + Vite (webviews)

Quick Start

Choose a template from assets/ based on your needs (see decision tree below)
Copy the template to your project directory
Update package.json: name, displayName, publisher, description
Run npm install then npm run build
Press F5 in VS Code to launch Extension Development Host

Template Decision Tree

Need	Template
Simple command/action	`assets/basic-command/`
Custom UI panel (React)	`assets/webview-react/`
Sidebar file tree	`assets/tree-view/`
Custom file editor	`assets/custom-editor/`
AI agent integration	`assets/file-bridge/`

Extension Types

Commands

vscode.commands.registerCommand('myExt.doSomething', () => {
  vscode.window.showInformationMessage('Done!');

Track record

Benchmark

19 / 22

test cases passed, vs 14 / 22 without

Adoption

Users: 0
Times used: 0

Safety and source details

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 8/3/2026

View 15 scanner checks

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

lawve-ai / awesome-legal-skills

skills/vs-code-extension-antoine-louis/SKILL.md

View on GitHub ↗

License NOASSERTIONImported 8/3/2026Version v1Bundled 8 files

More skills from the same source and nearby in the registry, with their headline benchmark lift.

Ready to supercharge your AI agents?

See it in action

What's inside

VS Code Extension

Architecture

Quick Start

Template Decision Tree

Extension Types

Commands

Track record

Benchmark

Adoption

SkillSafety

Source

Related skills