Rocky Codegen
rocky-data/rocky
Rocky CLI JSON-output schema cascade. An agent skill from rocky-data/rocky.
Guide for VS Code extension development from scaffolding to Marketplace publication
Install Vscode Extension Guide En
$ npx skills add sickn33/agentic-awesome-skills --skill vscode-extension-guide-en -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install sickn33/agentic-awesome-skills vscode-extension-guide-en --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/vscode-extension-guide-en .claude/skills/vscode-extension-guide-en && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "vscode-extension-guide-en" agent skill from https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/vscode-extension-guide-en into .claude/skills/vscode-extension-guide-en/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vscode-extension-guide-en", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/vscode-extension-guide-enType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add sickn33/agentic-awesome-skills --skill vscode-extension-guide-en -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install sickn33/agentic-awesome-skills vscode-extension-guide-en --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/vscode-extension-guide-en .agents/skills/vscode-extension-guide-en && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "vscode-extension-guide-en" agent skill from https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/vscode-extension-guide-en into .agents/skills/vscode-extension-guide-en/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vscode-extension-guide-en", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add sickn33/agentic-awesome-skills --skill vscode-extension-guide-en -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install sickn33/agentic-awesome-skills vscode-extension-guide-en --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/vscode-extension-guide-en .cursor/skills/vscode-extension-guide-en && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "vscode-extension-guide-en" agent skill from https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/vscode-extension-guide-en into .cursor/skills/vscode-extension-guide-en/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vscode-extension-guide-en", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/sickn33/agentic-awesome-skills.git --path skills/vscode-extension-guide-en--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add sickn33/agentic-awesome-skills --skill vscode-extension-guide-en -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install sickn33/agentic-awesome-skills vscode-extension-guide-en --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/vscode-extension-guide-en .gemini/skills/vscode-extension-guide-en && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "vscode-extension-guide-en" agent skill from https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/vscode-extension-guide-en into .gemini/skills/vscode-extension-guide-en/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vscode-extension-guide-en", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install sickn33/agentic-awesome-skills vscode-extension-guide-enInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add sickn33/agentic-awesome-skills --skill vscode-extension-guide-en -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/vscode-extension-guide-en .github/skills/vscode-extension-guide-en && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "vscode-extension-guide-en" agent skill from https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/vscode-extension-guide-en into .github/skills/vscode-extension-guide-en/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vscode-extension-guide-en", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add sickn33/agentic-awesome-skills --skill vscode-extension-guide-en -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install sickn33/agentic-awesome-skills vscode-extension-guide-en --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/vscode-extension-guide-en .opencode/skills/vscode-extension-guide-en && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "vscode-extension-guide-en" agent skill from https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/vscode-extension-guide-en into .opencode/skills/vscode-extension-guide-en/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vscode-extension-guide-en", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
vscode-extension-guide-en- GitHub stars
- 47k
- Used in
- 1 other repo
- Token cost
- ~890 tokens
- SKILL.md length
- 334 words
- Files
- 1
- Skills in repo
- 1,497
- Repo updated
- First seen
- Licence
- MIT
At a glance
Guide for VS Code extension development from scaffolding to Marketplace publication
- Tasks that involve Project scaffolding
- SKILL.md covers Overview, When to Use This Skill, How It Works and Reference Topics, plus 5 more sections
- Calls npm and npx
- Tasks that involve Browser extensions
What it does
Vscode Extension Guide En is an agent skill from sickn33/agentic-awesome-skills. Guide for VS Code extension development from scaffolding to Marketplace publication
Its SKILL.md is about 890 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Development, covering Project scaffolding and Browser extensions. It works with Visual Studio Code. The repository describes itself as: AAS Core is the local, agent-first control plane for complete catalog discovery, agent-owned selection, stack validation, and planning, backed by 2,400+ agentic skills. Includes… The licence is MIT.
When your agent uses it
- Tasks that involve Project scaffolding
- Tasks that involve Browser extensions
Example prompts
- “/vscode-extension-guide-en”
Requirements
- Node.js
What it can do on your machine
Read from SKILL.md and the folder at commit b84d35a. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
npmnpx
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npm and npx, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Vscode Extension Guide En loads about 890 tokens when it runs. Until then it costs about 27 tokens; SKILL.md has 334 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from sickn33/agentic-awesome-skills at commit b84d35a, republished under its MIT licence (© sickn33). 334 words, ~890 tokens.
Download SKILL.mdSave it as
.claude/skills/vscode-extension-guide-en/SKILL.md (or your agent's skills folder).- name
- vscode-extension-guide-en
- description
- Guide for VS Code extension development from scaffolding to Marketplace publication
- category
- core-dev
- risk
- safe
- source
- community
- source_repo
- lewiswigmore/agent-skills
- source_type
- community
- date_added
- 2026-04-12
- author
- lewiswigmore
- tags
- vscode, extension, ide, typescript, marketplace
- tools
- claude, cursor, copilot, codex, gemini
VS Code Extension Guide (English)
Overview
An English guide for building VS Code extensions, covering the full lifecycle from scaffolding to Marketplace publication. Includes reference material on webview patterns, CSP security, TreeView, testing, packaging and troubleshooting. Updated for VS Code 1.74+ APIs.
Adapted from aktsmm/agent-skills (CC BY-NC-SA 4.0), translated to English with corrections for current VS Code APIs.
When to Use This Skill
- Use when creating a new VS Code extension from scratch
- Use when adding commands, keybindings or settings to an extension
- Use when building TreeView or Webview UI in an extension
- Use when publishing an extension to the VS Code Marketplace
- Use when troubleshooting extension activation or packaging issues
How It Works
Quick Start
npm install -g yo generator-code
yo codeProject Structure
my-extension/
├── package.json # Extension manifest
├── src/extension.ts # Entry point
├── out/ # Compiled JS
├── images/icon.png # 128x128 PNG for Marketplace
└── .vscodeignore # Exclude files from VSIXBuilding and Packaging
npm run compile # Build once
npm run watch # Watch mode (F5 to launch debug)
npx @vscode/vsce package # Creates .vsixReference Topics
The full skill includes detailed reference documents on:
- Webview patterns with CSP security and message passing
- TreeView data providers and drag-and-drop
- Testing setup with @vscode/test-electron
- Publishing to the VS Code Marketplace
- AI customization for extension projects
- Code review prompts for extension code
- Troubleshooting common extension issues
Install the Full Skill
For the complete guide with all reference documents:
npx skills add lewiswigmore/agent-skills --skill vscode-extension-guide-enBest Practices
- Unify package name, setting keys, command IDs and view IDs before publishing
- Keep package size under 5MB using
.vscodeignore - Since VS Code 1.74,
activationEventsare auto-detected for contributed commands and views - Always test with the Extension Development Host (F5) before packaging
Common Pitfalls
Problem: Extension not loading Solution: Check
activationEvents. Since VS Code 1.74, these are auto-detected for contributed commands/views.Problem: Command not found Solution: Match the command ID exactly between package.json and your code.
Problem: Webview content not displaying Solution: Check your Content Security Policy. Use the webview's
cspSourceproperty.
Related Skills
@test-driven-development- Write tests before implementing extension features@debugging-strategies- Systematic troubleshooting for extension issues
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
© sickn33, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in skills/vscode-extension-guide-en of sickn33/agentic-awesome-skills.
Open the folder on GitHubat commit b84d35a
Used in 1 other repository
We found 5 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in sickn33/agentic-awesome-skills, which our catalogue first saw on October 7, 2026.
Compare with similar skills
Vscode Extension Guide En next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Vscode Extension Guide En this skillsickn33/agentic-awesome-skills | 47k | 1 repos | ~890 | Automated safety check: Pass | MIT | |
| Rocky Codegenrocky-data/rocky | 304 | — | ~1.9k | Automated safety check: Pass | Apache-2.0 | |
| Vibe CodingOfficeDev/microsoft-365-agents-toolkit | 780 | — | ~5.5k | Automated safety check: Pass | Custom licence | |
| Dev UpFreakStudioCN/mpy-hardware-extension | 154 | — | ~1.3k | Automated safety check: Notes | Custom licence | |
| Init Projectmicrobus-io/fabric | 172 | — | ~664 | Automated safety check: Pass | Apache-2.0 | |
| Project Scaffoldingaiskillstore/marketplace | 433 | — | ~2k | Automated safety check: Pass | None |
Similar skills
Vibe Coding
OfficeDev/microsoft-365-agents-toolkit
End-to-end workflow for agent-driven changes that add or modify behavior in the toolkit packages.
Dev Up
FreakStudioCN/mpy-hardware-extension
启动 Blockless 本地开发栈 / bring up the local dev stack. An agent skill from FreakStudioCN/mpy-hardware-extension.
Init Project
microbus-io/fabric
TRIGGER when user asks to initialize, set up, or bootstrap a Microbus project.
Project Scaffolding
aiskillstore/marketplace
IDE-grade project scaffolding wizard for creating new projects with comprehensive configuration.
- Official
Create Custom Agent
dotnet/skills
Creates VS Code custom agent files (.agent.md) for specialized AI personas with tools, instructions, and handoffs.
More from sickn33/agentic-awesome-skills
All 1,497 skills in this repoLiuguang Banlan UI
sickn33/agentic-awesome-skills
Implements an interface in one of two named color modes, iridescent white or colorful black, from a parameterized starter that reports measured color intensity.
User Thoughts Memory
sickn33/agentic-awesome-skills
Saves a user's project decisions, rules and preferences into a project-local mdbase so later sessions and other agents can recover the intent.
Using LWC Memory and Graphs
sickn33/agentic-awesome-skills
Keeps project decisions, research and verified results available across coding-agent sessions through LWC memory, a document Wiki graph and a CodeGraph code index.
Find Complementary Founders
sickn33/agentic-awesome-skills
Guides an agent through assessing its own owner for cofounder fit, publishing an approved profile, and ranking complementary profiles other agents published for their owners.
Whatsapp Cloud API
sickn33/agentic-awesome-skills
Integracao com WhatsApp Business Cloud API (Meta). An agent skill from sickn33/agentic-awesome-skills.
Cline Pilot
sickn33/agentic-awesome-skills
Acts as a proxy for the Cline CLI, dispatching coding tasks one at a time, monitoring runs by hard evidence, relaying decisions to you and learning per-project preferences.
Related
Works with
Categories
Questions about Vscode Extension Guide En
What does Vscode Extension Guide En do?
Guide for VS Code extension development from scaffolding to Marketplace publication. Vscode Extension Guide En is an agent skill from sickn33/agentic-awesome-skills.
When should I use Vscode Extension Guide En?
Vscode Extension Guide En fits situations like: tasks that involve Project scaffolding; tasks that involve Browser extensions.
How do I install Vscode Extension Guide En in Claude Code?
Run `npx skills add sickn33/agentic-awesome-skills --skill vscode-extension-guide-en -a claude-code`. Or copy the skill folder (skills/vscode-extension-guide-en in sickn33/agentic-awesome-skills) into .claude/skills/vscode-extension-guide-en in your project. Claude Code loads it when a task matches its description.
How do I install Vscode Extension Guide En in Codex?
Run `npx skills add sickn33/agentic-awesome-skills --skill vscode-extension-guide-en -a codex`. Or copy the skill folder (skills/vscode-extension-guide-en in sickn33/agentic-awesome-skills) into .agents/skills/vscode-extension-guide-en in your project. Codex loads it when a task matches its description.
Can I use Vscode Extension Guide En in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add sickn33/agentic-awesome-skills --skill vscode-extension-guide-en -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/vscode-extension-guide-en, .gemini/skills/vscode-extension-guide-en, .github/skills/vscode-extension-guide-en and .opencode/skills/vscode-extension-guide-en in your project.
What does Vscode Extension Guide En need to run?
Going by SKILL.md and its folder, Vscode Extension Guide En needs the command-line tools its instructions call (npm and npx). Our summary lists: Node.js.
Does Vscode Extension Guide En access the network?
SKILL.md contains no URLs. Its commands use npm and npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Vscode Extension Guide En safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Vscode Extension Guide En use?
Vscode Extension Guide En is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Vscode Extension Guide En use?
About 890 tokens (SKILL.md is roughly 3.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Vscode Extension Guide En?
Skills that share tags, products or a category with Vscode Extension Guide En: Rocky Codegen (rocky-data/rocky, 304 stars), Vibe Coding (OfficeDev/microsoft-365-agents-toolkit, 780 stars), Dev Up (FreakStudioCN/mpy-hardware-extension, 154 stars) and Init Project (microbus-io/fabric, 172 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Vscode Extension Guide En?
sickn33 (a GitHub user) maintains it in sickn33/agentic-awesome-skills, which has 47,405 GitHub stars. The repository holds 1,497 skills in this directory. The repository was last updated on October 9, 2026.
Source: sickn33/agentic-awesome-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.