Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From hairyf-skills-4
Scaffolds and maintains VSCode extensions with reactive APIs, CJS build, and type-safe contributes via reactive-vscode, tsdown, and vscode-ext-gen.
How this skill is triggered — by the user, by Claude, or both
Slash command
/hairyf-skills-4:arch-vscodeThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
arch-vscode is a **VSCode extension** starter (based on antfu/starter-vscode) that uses **reactive-vscode** for reactive APIs and composables, **tsdown** for a single CJS bundle, and **vscode-ext-gen** for type-safe contributes metadata. It provides a minimal, opinionated setup: defineExtension entry, defineConfig/defineLogger, Extension Host debugging, and vsce/vsxpub for packaging and publish...
GENERATION.mdassets/ci.ymlreferences/best-practices-vscode-ext.mdreferences/core-ci.mdreferences/core-config.mdreferences/core-contributes.mdreferences/core-development.mdreferences/core-extension-entry.mdreferences/core-logging.mdreferences/core-overview.mdreferences/core-scripts.mdreferences/core-tsdown-build.mdarch-vscode is a VSCode extension starter (based on antfu/starter-vscode) that uses reactive-vscode for reactive APIs and composables, tsdown for a single CJS bundle, and vscode-ext-gen for type-safe contributes metadata. It provides a minimal, opinionated setup: defineExtension entry, defineConfig/defineLogger, Extension Host debugging, and vsce/vsxpub for packaging and publishing.
The skill is based on starter-vscode (arch-vscode source), generated at 2026-01-30.
Recommended practices:
pnpm update (or Run on Save)vscodeonCommand activation when possible| Topic | Description | Reference |
|---|---|---|
| Overview | Project purpose, structure, when to use | core-overview |
| Extension Entry | defineExtension, activate, deactivate | core-extension-entry |
| Config | defineConfig, generated scoped config | core-config |
| Logging | defineLogger, displayName | core-logging |
| tsdown Build | CJS, external vscode, build:prepare hook | core-tsdown-build |
| Scripts | build, dev, update, release, ext:package, ext:publish | core-scripts |
| Contributes | commands, configuration, activationEvents | core-contributes |
| Development | launch.json, tasks.json, Extension Host | core-development |
| CI | GitHub Actions workflow — lint, typecheck, build, test | core-ci |
| Topic | Description | Reference |
|---|---|---|
| VSCode Extension | entry, contributes, meta, activation, publish | best-practices-vscode-ext |
npx claudepluginhub joshuarweaver/cascade-code-languages-misc-1 --plugin hairyf-skills-4Builds VS Code extensions from scratch or converts existing JS/React/Vue apps into extensions. Supports commands, webviews, tree views, custom editors, and AI agent integration.
Guides VS Code extension development from scaffolding to Marketplace publication, covering webviews, TreeView, testing, and troubleshooting.
Scaffolds and maintains browser extensions with Vue 3, Vite, and the Vitesse WebExtension template. Covers popup, options, sidepanel, content script, and multi-entry build for Chrome/Firefox.