Skills
.Work. You
Rest

add-webview

Official

Scaffold new webviews with boilerplate.

Software Engineering#typescript#code generation#boilerplate#ipc#webview#lit
Authorgitkraken
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation of new webview components within the project, including all necessary boilerplate code for protocols, providers, and app registration.

Core Features & Use Cases

  • Boilerplate Generation: Creates all essential files for a new webview, including protocol definitions, provider classes, registration logic, and basic Lit app structure.
  • IPC Integration: Sets up the Inter-Process Communication (IPC) protocol for seamless communication between the host and the webview.
  • Use Case: When developing a new feature that requires a custom UI panel or sidebar in VS Code, use this Skill to quickly generate the foundational code, allowing you to focus on the specific UI and logic.

Quick Start

Use the add-webview skill to create a new webview named 'myFeature'.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: add-webview
Download link: https://github.com/gitkraken/vscode-gitlens/archive/main.zip#add-webview

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.