Agent skill

Develop Vscode Extension

by owid in owid/etl

Develop, build, and test VSCode extensions in this repo. An agent skill from owid/etl.

MITAuto-check passedData & Analytics

Install Develop Vscode Extension

skills CLI
$ npx skills add owid/etl --skill develop-vscode-extension -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install owid/etl develop-vscode-extension --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/owid/etl.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/develop-vscode-extension .claude/skills/develop-vscode-extension && rm -rf skills-src

Use ~/.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/

Facts

Skill name
develop-vscode-extension
GitHub stars
158
Token cost
~438 tokens
SKILL.md length
158 words
Files
1
Skills in repo
35
Repo updated
First seen
Licence
MIT

At a glance

Develop, build, and test VSCode extensions in this repo. An agent skill from owid/etl.

  • Works in 4 steps: Compile: cd vscode_extensions/ && npm… → Package: npx @vscode/vsce package --out… → Install: code --install-extension… → …
  • Editing extension source code
  • SKILL.md covers Extension locations, Build & install workflow, Verifying installed code and Common pitfalls
  • Calls npm and npx

What it does

Develop Vscode Extension is an agent skill from owid/etl. Develop, build, and test VSCode extensions in this repo. Use when editing extension source code, compiling TypeScript, packaging .vsix files, or installing extensions for testing.

Its SKILL.md is about 440 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 Data & Analytics. It works with Visual Studio Code, TypeScript and npm. The repository describes itself as: A compute graph for loading and transforming OWID's data. The licence is MIT.

When your agent uses it

  • Editing extension source code
  • Compiling TypeScript
  • Packaging .vsix files
  • Installing extensions for testing

Example prompts

  • “/develop-vscode-extension”

Requirements

  • Node.js

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

  1. Compile: cd vscode_extensions/ && npm run compile
  2. Package: npx @vscode/vsce package --out install/-.vsix
  3. Install: code --install-extension install/-.vsix --force
  4. Tell user to reload: Cmd+Shift+P → "Developer: Reload Window"

What it can do on your machine

Read from SKILL.md and the folder at commit 69ab20e. 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:

    • npm
    • npx

    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

Develop Vscode Extension loads about 438 tokens when it runs. Until then it costs about 51 tokens; SKILL.md has 158 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~51
When it runs · the whole SKILL.md, loaded when a task matches
~438

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 owid/etl at commit 69ab20e, republished under its MIT licence (© owid). 158 words, ~438 tokens.

Download SKILL.mdSave it as .claude/skills/develop-vscode-extension/SKILL.md (or your agent's skills folder).
name
develop-vscode-extension
description
Develop, build, and test VSCode extensions in this repo. Use when editing extension source code, compiling TypeScript, packaging .vsix files, or installing extensions for testing.
metadata.internal
true
metadata.owner
Marigold

VSCode Extension Development

Extension locations

Extensions live in vscode_extensions/<name>/. Each has:

  • src/extension.ts — main source code
  • dist/extension.js — compiled output (esbuild)
  • install/<name>-<version>.vsix — packaged extension
  • package.json — manifest with activation events, commands, config

Build & install workflow

CRITICAL: VSCode runs the installed .vsix from ~/.vscode/extensions/, NOT the dist/ in the repo. After every code change you MUST:

  1. Compile: cd vscode_extensions/<name> && npm run compile
  2. Package: npx @vscode/vsce package --out install/<name>-<version>.vsix
  3. Install: code --install-extension install/<name>-<version>.vsix --force
  4. Tell user to reload: Cmd+Shift+P → "Developer: Reload Window"

Just running npm run compile is NOT enough — the user will still see old behavior.

Verifying installed code

To check what code is actually running:

bash
# Check installed extension has your changes
grep "some_unique_string" ~/.vscode/extensions/<publisher>.<name>-<version>/dist/extension.js

Common pitfalls

  • esbuild watch mode: npm run compile may start a watcher that blocks. This is fine for compilation but you still need to package + install.
  • Version conflicts: If the installed .vsix version matches, VSCode may cache. Use --force flag on install.
  • Extension host: Changes only take effect after "Developer: Reload Window".

© owid, 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 .claude/skills/develop-vscode-extension of owid/etl.

Open the folder on GitHubat commit 69ab20e

Compare with similar skills

Develop Vscode Extension 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.

Develop Vscode Extension compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Develop Vscode Extension this skillowid/etl158—~438Automated safety check: PassMIT
Prepare Rslint npm Releaseweb-infra-dev/rslint460—~1.5kAutomated safety check: PassMIT
Pricing Data Pipelinejqknono/coding-plans-for-copilot138—~263Automated safety check: NotesMIT
Vscode Extensionmicrosoft/aspire6.3k—~2.8kAutomated safety check: PassMIT
Deploycyanfish-x/tellux207—~1.1kAutomated safety check: NotesMIT
MCP Server BuildershareAI-lab/learn-claude-code78k5 repos~1.2kAutomated safety check: PassMIT

Similar skills

  • Prepare Rslint npm Release

    web-infra-dev/rslint

    Prepare a stable release PR for the unified rslint npm packages by updating package versions and rule/TypeScript release metadata.

    460 GitHub stars~1.5k tokensUpdated today
    DevelopmentAuto-check passed
  • Pricing Data Pipeline

    jqknono/coding-plans-for-copilot

    更新编码套餐与 OpenRouter 指标/套餐 JSON、修复抓取失败或 pending。Use when: pricing:fetch, metrics:fetch, openrouter:plans:fetch, provider-pricing.json, dashboard 数据过期或 CI 定价 issue。

    138 GitHub stars~263 tokensUpdated yesterday
    Data & AnalyticsAuto-check: notes
  • Vscode Extension

    microsoft/aspire

    Official

    A skill your agent uses when investigating, developing, debugging, testing, or reviewing Aspire VS Code extension behavior under extension/, including extension UI, command, debugger, RPC, DCP, MCP…

    6.3k GitHub stars~2.8k tokensUpdated today
    DevelopmentAuto-check passed
  • Deploy

    cyanfish-x/tellux

    Deploy tellux examples/docs sites via project scripts — one local command (pnpm run deploy) rclone-syncs to the self-hosted site then Wrangler Direct Uploads to Cloudflare Pages.

    207 GitHub stars~1.1k tokensUpdated 16 days ago
    Game DevelopmentAuto-check: notes
  • MCP Server Builder

    shareAI-lab/learn-claude-code

    Walks through building MCP servers in Python or TypeScript that expose tools, resources and prompts to Claude, with templates, registration and testing.

    78k GitHub starsUsed in 5 repos~1.2k tokens
    Agent WorkflowsAuto-check passed
  • Installs, updates or migrates the vendored anti-slop Oxlint plugin in a repository, keeping local rule changes and the plugin's license and provenance files.

    5.2k GitHub stars~2.2k tokensUpdated 27 days ago
    DevelopmentAuto-check passed

More from owid/etl

All 35 skills in this repo
  • Find every OWID surface that references a chart, indicator, MDIM, or explorer — articles (links vs embeds), explorers, narrative charts, data insights, static viz, key-chart slots, MDIM views.

    158 GitHub stars~4.9k tokensUpdated today
    Auto-check passed
  • Add a scatter view (with GDP per capita on x) to existing OWID charts via the admin API, mirroring the admin UI's "Add scatter type" defaults, then retire the old standalone "X vs.

    158 GitHub stars~19k tokensUpdated today
    Auto-check passed
  • Add new survey question codes (e.g. An agent skill from owid/etl.

    158 GitHub stars~11k tokensUpdated today
    Auto-check: notes
  • Build or refresh an OWID static visualization end to end — resolve what data it needs from an old static viz image, an indicator, or a grapher chart; check both the ETL catalog and the producer's…

    158 GitHub stars~8.3k tokensUpdated today
    Auto-check passed
  • Propose redirects from (soon-to-sunset) grapher charts to the matching views of published MDIMs.

    158 GitHub stars~9.6k tokensUpdated today
    Auto-check: notes
  • Take (soon-to-sunset) OWID explorers to redirected MDIMs, end to end.

    158 GitHub stars~7.3k tokensUpdated today
    Auto-check: notes

Questions about Develop Vscode Extension

What does Develop Vscode Extension do?

Develop, build, and test VSCode extensions in this repo. An agent skill from owid/etl. Develop Vscode Extension is an agent skill from owid/etl. Develop, build, and test VSCode extensions in this repo.

When should I use Develop Vscode Extension?

Develop Vscode Extension fits situations like: editing extension source code; compiling TypeScript; packaging .vsix files; installing extensions for testing.

How do I install Develop Vscode Extension in Claude Code?

Run `npx skills add owid/etl --skill develop-vscode-extension -a claude-code`. Or copy the skill folder (.claude/skills/develop-vscode-extension in owid/etl) into .claude/skills/develop-vscode-extension in your project. Claude Code loads it when a task matches its description.

How do I install Develop Vscode Extension in Codex?

Run `npx skills add owid/etl --skill develop-vscode-extension -a codex`. Or copy the skill folder (.claude/skills/develop-vscode-extension in owid/etl) into .agents/skills/develop-vscode-extension in your project. Codex loads it when a task matches its description.

Can I use Develop Vscode Extension 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 owid/etl --skill develop-vscode-extension -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/develop-vscode-extension, .gemini/skills/develop-vscode-extension, .github/skills/develop-vscode-extension and .opencode/skills/develop-vscode-extension in your project.

What does Develop Vscode Extension need to run?

Going by SKILL.md and its folder, Develop Vscode Extension needs the command-line tools its instructions call (npm and npx). Our summary lists: Node.js.

Does Develop Vscode Extension 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 Develop Vscode Extension 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 Develop Vscode Extension use?

Develop Vscode Extension 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 Develop Vscode Extension use?

About 438 tokens (SKILL.md is roughly 1.8k 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 Develop Vscode Extension?

Skills that share tags, products or a category with Develop Vscode Extension: Prepare Rslint npm Release (web-infra-dev/rslint, 460 stars), Pricing Data Pipeline (jqknono/coding-plans-for-copilot, 138 stars), Vscode Extension (microsoft/aspire, 6.3k stars) and Deploy (cyanfish-x/tellux, 207 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Develop Vscode Extension?

owid (a GitHub organization) maintains it in owid/etl, which has 158 GitHub stars. The repository holds 35 skills in this directory. The repository was last updated on October 7, 2026.

Source: owid/etl on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.