A VS Code extension to preview and explore Agent Skill files — both .skill ZIP bundles and SKILL.md files — with a structured, readable layout.
Features
.skill file viewer — Opens .skill ZIP bundles in a custom editor that displays the skill's metadata, description, and contained files without needing to manually unzip.
SKILL.md preview — Renders SKILL.md files with rich formatting in a dedicated preview panel, accessible via the editor title button or the command palette.
Unpack command — Right-click any .skill file in the Explorer to extract its contents to a folder.
Skills discovery tree — A sidebar panel (activity bar) automatically discovers and lists all SKILL.md and .skill files in your workspace.
Usage
Viewing a .skill file
Open any .skill file in VS Code — the custom editor will activate automatically. You can also use Skill Viewer: Open Skill File... from the Command Palette to browse for a file.
Previewing a SKILL.md
Open a SKILL.md file and click the preview icon ($(open-preview)) in the editor title bar, or run Skill Viewer: Preview Skill from the Command Palette.
Unpacking a .skill bundle
Right-click a .skill file in the Explorer and select Unpack Skill to extract its contents into a subfolder next to the file.
Skills sidebar
Click the Skills icon in the activity bar to open the Discovered Skills tree, which lists all skill files found in the current workspace. Use the refresh button to rescan.
