{"id":"a0529eec-4855-4553-9153-61c931fdfabe","shortId":"43X2fT","kind":"skill","title":"vscode-extension-guide-en","tagline":"Guide for VS Code extension development from scaffolding to Marketplace publication","description":"# VS Code Extension Guide (English)\n\n## Overview\n\nAn 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.\n\nAdapted from aktsmm/agent-skills (CC BY-NC-SA 4.0), translated to English with corrections for current VS Code APIs.\n\n## When to Use This Skill\n\n- Use when creating a new VS Code extension from scratch\n- Use when adding commands, keybindings or settings to an extension\n- Use when building TreeView or Webview UI in an extension\n- Use when publishing an extension to the VS Code Marketplace\n- Use when troubleshooting extension activation or packaging issues\n\n## How It Works\n\n### Quick Start\n\n```bash\nnpm install -g yo generator-code\nyo code\n```\n\n### Project Structure\n\n```\nmy-extension/\n├── package.json          # Extension manifest\n├── src/extension.ts      # Entry point\n├── out/                  # Compiled JS\n├── images/icon.png       # 128x128 PNG for Marketplace\n└── .vscodeignore         # Exclude files from VSIX\n```\n\n### Building and Packaging\n\n```bash\nnpm run compile           # Build once\nnpm run watch             # Watch mode (F5 to launch debug)\nnpx @vscode/vsce package  # Creates .vsix\n```\n\n## Reference Topics\n\nThe full skill includes detailed reference documents on:\n\n- **Webview patterns** with CSP security and message passing\n- **TreeView** data providers and drag-and-drop\n- **Testing** setup with @vscode/test-electron\n- **Publishing** to the VS Code Marketplace\n- **AI customization** for extension projects\n- **Code review prompts** for extension code\n- **Troubleshooting** common extension issues\n\n## Install the Full Skill\n\nFor the complete guide with all reference documents:\n\n```bash\nnpx skills add lewiswigmore/agent-skills --skill vscode-extension-guide-en\n```\n\n## Best Practices\n\n- Unify package name, setting keys, command IDs and view IDs before publishing\n- Keep package size under 5MB using `.vscodeignore`\n- Since VS Code 1.74, `activationEvents` are auto-detected for contributed commands and views\n- Always test with the Extension Development Host (F5) before packaging\n\n## Common Pitfalls\n\n- **Problem:** Extension not loading\n  **Solution:** Check `activationEvents`. Since VS Code 1.74, these are auto-detected for contributed commands/views.\n\n- **Problem:** Command not found\n  **Solution:** Match the command ID exactly between package.json and your code.\n\n- **Problem:** Webview content not displaying\n  **Solution:** Check your Content Security Policy. Use the webview's `cspSource` property.\n\n## Related Skills\n\n- `@test-driven-development` - Write tests before implementing extension features\n- `@debugging-strategies` - Systematic troubleshooting for extension issues\n\n## Limitations\n- Use this skill only when the task clearly matches the scope described above.\n- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.\n- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.","tags":["vscode","extension","guide","antigravity","awesome","skills","sickn33","agent-skills","agentic-skills","ai-agent-skills","ai-agents","ai-coding"],"capabilities":["skill","source-sickn33","skill-vscode-extension-guide-en","topic-agent-skills","topic-agentic-skills","topic-ai-agent-skills","topic-ai-agents","topic-ai-coding","topic-ai-workflows","topic-antigravity","topic-antigravity-skills","topic-claude-code","topic-claude-code-skills","topic-codex-cli","topic-codex-skills"],"categories":["antigravity-awesome-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/sickn33/antigravity-awesome-skills/vscode-extension-guide-en","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add sickn33/antigravity-awesome-skills","source_repo":"https://github.com/sickn33/antigravity-awesome-skills","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 34404 github stars · SKILL.md body (3,158 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-04-22T00:51:57.143Z","embedding":null,"createdAt":"2026-04-18T21:47:19.993Z","updatedAt":"2026-04-22T00:51:57.143Z","lastSeenAt":"2026-04-22T00:51:57.143Z","tsv":"'1.74':57,291,324 '128x128':161 '4.0':67 '5mb':285 'activ':127 'activationev':292,320 'ad':95 'adapt':59 'add':259 'ai':229 'aktsmm/agent-skills':61 'alway':302 'api':58,77 'ask':418 'auto':295,328 'auto-detect':294,327 'bash':136,173,256 'best':267 'boundari':426 'build':27,105,170,177 'by-nc-sa':63 'cc':62 'check':319,354 'clarif':420 'clear':393 'code':9,18,29,56,76,89,121,143,145,227,234,239,290,323,347 'command':96,274,299,334,340 'commands/views':332 'common':241,312 'compil':158,176 'complet':250 'content':350,356 'contribut':298,331 'correct':72 'cover':31 'creat':85,191 'criteria':429 'csp':46,206 'cspsourc':363 'current':74 'custom':230 'data':212 'debug':187,378 'debugging-strategi':377 'describ':397 'detail':199 'detect':296,329 'develop':11,307,370 'display':352 'document':201,255 'drag':216 'drag-and-drop':215 'driven':369 'drop':218 'en':5,266 'english':21,24,70 'entri':155 'environ':409 'environment-specif':408 'exact':342 'exclud':166 'expert':414 'extens':3,10,19,30,90,102,112,117,126,150,152,232,238,242,264,306,315,375,383 'f5':184,309 'featur':376 'file':167 'found':336 'full':33,196,246 'g':139 'generat':142 'generator-cod':141 'guid':4,6,20,25,251,265 'host':308 'id':275,278,341 'images/icon.png':160 'implement':374 'includ':40,198 'input':423 'instal':138,244 'issu':130,243,384 'js':159 'keep':281 'key':273 'keybind':97 'launch':186 'lewiswigmore/agent-skills':260 'lifecycl':34 'limit':385 'load':317 'manifest':153 'marketplac':15,38,122,164,228 'match':338,394 'materi':42 'messag':209 'miss':431 'mode':183 'my-extens':148 'name':271 'nc':65 'new':87 'npm':137,174,179 'npx':188,257 'output':403 'overview':22 'packag':50,129,172,190,270,282,311 'package.json':151,344 'pass':210 'pattern':45,204 'permiss':424 'pitfal':313 'png':162 'point':156 'polici':358 'practic':268 'problem':314,333,348 'project':146,233 'prompt':236 'properti':364 'provid':213 'public':16,39 'publish':115,223,280 'quick':134 'refer':41,193,200,254 'relat':365 'requir':422 'review':235,415 'run':175,180 'sa':66 'safeti':425 'scaffold':13,36 'scope':396 'scratch':92 'secur':47,207,357 'set':99,272 'setup':220 'sinc':288,321 'size':283 'skill':82,197,247,258,261,366,388 'skill-vscode-extension-guide-en' 'solut':318,337,353 'source-sickn33' 'specif':410 'src/extension.ts':154 'start':135 'stop':416 'strategi':379 'structur':147 'substitut':406 'success':428 'systemat':380 'task':392 'test':49,219,303,368,372,412 'test-driven-develop':367 'topic':194 'topic-agent-skills' 'topic-agentic-skills' 'topic-ai-agent-skills' 'topic-ai-agents' 'topic-ai-coding' 'topic-ai-workflows' 'topic-antigravity' 'topic-antigravity-skills' 'topic-claude-code' 'topic-claude-code-skills' 'topic-codex-cli' 'topic-codex-skills' 'translat':68 'treat':401 'treeview':48,106,211 'troubleshoot':52,125,240,381 'ui':109 'unifi':269 'updat':53 'use':80,83,93,103,113,123,286,359,386 'valid':411 'view':277,301 'vs':8,17,28,55,75,88,120,226,289,322 'vscode':2,263 'vscode-extension-guide-en':1,262 'vscode/test-electron':222 'vscode/vsce':189 'vscodeignor':165,287 'vsix':169,192 'watch':181,182 'webview':44,108,203,349,361 'work':133 'write':371 'yo':140,144","prices":[{"id":"0bb1a15f-438f-43c5-b52f-3a7101acd8c6","listingId":"a0529eec-4855-4553-9153-61c931fdfabe","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"sickn33","category":"antigravity-awesome-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T21:47:19.993Z"}],"sources":[{"listingId":"a0529eec-4855-4553-9153-61c931fdfabe","source":"github","sourceId":"sickn33/antigravity-awesome-skills/vscode-extension-guide-en","sourceUrl":"https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/vscode-extension-guide-en","isPrimary":false,"firstSeenAt":"2026-04-18T21:47:19.993Z","lastSeenAt":"2026-04-22T00:51:57.143Z"}],"details":{"listingId":"a0529eec-4855-4553-9153-61c931fdfabe","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"sickn33","slug":"vscode-extension-guide-en","github":{"repo":"sickn33/antigravity-awesome-skills","stars":34404,"topics":["agent-skills","agentic-skills","ai-agent-skills","ai-agents","ai-coding","ai-workflows","antigravity","antigravity-skills","claude-code","claude-code-skills","codex-cli","codex-skills","cursor","cursor-skills","developer-tools","gemini-cli","gemini-skills","kiro","mcp","skill-library"],"license":"mit","html_url":"https://github.com/sickn33/antigravity-awesome-skills","pushed_at":"2026-04-21T16:43:40Z","description":"Installable GitHub library of 1,400+ agentic skills for Claude Code, Cursor, Codex CLI, Gemini CLI, Antigravity, and more. Includes installer CLI, bundles, workflows, and official/community skill collections.","skill_md_sha":"fd94b9fb0ee1cb1b7c0145cc47a3fdf8c04895c9","skill_md_path":"skills/vscode-extension-guide-en/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/vscode-extension-guide-en"},"layout":"multi","source":"github","category":"antigravity-awesome-skills","frontmatter":{"name":"vscode-extension-guide-en","description":"Guide for VS Code extension development from scaffolding to Marketplace publication"},"skills_sh_url":"https://skills.sh/sickn33/antigravity-awesome-skills/vscode-extension-guide-en"},"updatedAt":"2026-04-22T00:51:57.143Z"}}