Vscode Plugin UI | Agent Skills Atlas

About this skill

Build or review webview UI in vscode-plugin/src/webview -- choosing between a vscode-elements custom element, a plain HTML control, or a hand-rolled component; choosing a codicon vs. a custom SVG icon; and deciding whether a component belongs in the top-level webview/components/ folder or under a webview/features/ /components/ folder. Use when adding a button, icon, or other interactive control, or when a component's file placement is unclear.

Quick start

Copy the install prompt. Use the green button above this README.
Send it to your agent. Paste it into your coding agent’s chat and send.
Review the setup. Your agent checks the skill’s instructions, requirements, and installation scope.

Installation guide →

Review, license & listing details

Review the source before using this skill

This is an imported listing. We haven’t certified its safety, license, or compatibility. Skills may include executable scripts.

Automated security scan: Partial

Only SKILL.md was scanned. Supporting files and scripts were not checked. No safety grade has been assigned.

0 potential findings · Scanned 11/4/2026 · Scanner 0.2.1

Content SHA-256: ca2c5a884d1d307426dc3e7282a958102919dd166a6015869d72ffc486234062

About scan coverage and limitations

Original listing metadata

Original name

vscode-plugin-ui

Original description

Build or review webview UI in vscode-plugin/src/webview -- choosing between a vscode-elements custom element, a plain HTML control, or a hand-rolled component; choosing a codicon vs. a custom SVG icon; and deciding whether a component belongs in the top-level webview/components/ folder or under a webview/features/<name>/components/ folder. Use when adding a button, icon, or other interactive control, or when a component's file placement is unclear.

About this listing

Category: Developer tools
Reported license: BSD-3-Clause
Listing language (estimated): English
Review status: Not individually reviewed
Agent compatibility: Atlas installation supports Claude Code, Codex, and Cursor. Skill-specific dependencies and features are checked during setup.