Skip to main content
skill GitHub Copilot official · GitHub

vscode-ext-commands — GitHub Copilot skill: install

This skill guides VS Code extension command work, covering naming, visibility, localization, icons, and related contribution details.

Install into GitHub Copilot · Skills CLI (Vercel) All methods and platforms ↓
npx skills add github/awesome-copilot --skill vscode-ext-commands
Open on GitHub

What vscode-ext-commands does

vscode-ext-commands helps add or update commands in VS Code extensions. It requires every command to define a title; regular commands should also use a category and remain available from the Command Palette by default.

Sidebar commands follow a separate naming pattern: they start with _ and end with #sideBar, such as _extensionId.someCommand#sideBar. They need an icon, may use enablement, and should define display order when contributed to view/title or view/item/context. The skill also points to when conditions for controlling visibility.

Install it when you are maintaining a VS Code extension and want an agent to apply these command contribution rules. It has little value for projects that do not define VS Code extension commands.

What it helps with

  • add a command to a VS Code extension
  • define a command title, category, and visibility
  • format a sidebar command correctly
  • set an icon and display order for a view command
  • control command visibility with when and enablement

Example prompts for the agent

  • Add a command to my VS Code extension and check its `title`, `category`, and visibility.
  • Format this sidebar command according to `vscode-ext-commands`.
  • Review the name, icon, group, and `when` condition for `_extensionId.someCommand#sideBar`.

How to install vscode-ext-commands

1Skills CLI (Vercel)

npx skills add github/awesome-copilot --skill vscode-ext-commands

2GitHub CLI

gh skill install github/awesome-copilot vscode-ext-commands

3Manually: put the files in place

.github/skills/vscode-ext-commands/SKILL.md

From the same set554

The whole set →
git-commit official github This skill reviews Git changes, stages related files, and creates Conventional Commits. Use it when you want an agent to make one commit or split work into separate commits. GitHub Copilot 47,165installs excalidraw-diagram-generator official github Turn a plain-language description into an Excalidraw diagram. Useful for mapping processes, system structure, and relationships between entities. GitHub Copilot 31,639installs multi-stage-dockerfile official github This skill guides GitHub Copilot in writing multi-stage Dockerfiles for different languages and frameworks. Use it when the final runtime image should contain fewer build dependencies. GitHub Copilot 29,688installs documentation-writer official github Skill that turns the agent into a technical writer following the Diátaxis framework: tutorials, how-to guides, reference, and explanation. Proposes structure before writing. GitHub Copilot 27,757installs prd official github Turns a feature idea into a structured PRD with user stories, technical requirements, and risks. Use it when planning a software feature or an AI-powered one. GitHub Copilot 24,035installs refactor official github This skill reshapes existing code without changing its external behavior. Use it for gradual cleanup of large functions, duplication, weak types, and code smells. GitHub Copilot 22,321installs java-springboot official github Gives GitHub Copilot Spring Boot development practices, from project layout to tests and security. Use it when writing or reviewing Java application code. GitHub Copilot 21,272installs create-readme official github This skill reviews a project and creates a structured README.md. Use it when the repository needs clear documentation based on its actual files and code. GitHub Copilot 19,081installs

Similar

design-mobile-apps designed-by-ai Designs mobile screens via the Sleek REST API and translates them into React Native or HTML code. Claude Code CX Codex Cursor +1 1,000,000installs nuxt Anthony Fu This skill equips your AI agent with Nuxt 5 knowledge: server-side rendering, file-based routing, auto-imports, and Nitro v3 deployment. Use it when building Nuxt apps, server routes, useFetch calls, middleware, or hybrid rendering. Claude Code CX Codex Cursor +1 24,100installs mobile-ios-design Seth Hobson Guides native iOS interface work with Apple HIG and SwiftUI patterns. Use it when building views, navigation, or adaptive layouts. Claude Code CX Codex Cursor 23,659installs chakra-ui-refactor chakra-ui Reviews components against Chakra UI v3 patterns and converts markup from HTML, Tailwind, or styled-components. Useful for UI refactoring and accessibility audits. Claude Code CX Codex Cursor +1 2,800installs figma-generate-library official openai A skill to sync your Figma design system with your codebase. Build or update variables, components, themes, and documentation in the right order—phases matter, and skipping steps breaks the system. Claude Code CX Codex Cursor +1 2,700installs frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. Claude Code Claude.ai 1,025,790installs design-taste-frontend Leonxlnx This skill directs the design of public pages and work screens, then checks the result in a browser through screenshots. Use it when an interface feels generic or unfinished. Claude Code CX Codex Cursor +1 673,100installs prototype Matt Pocock Creates throwaway prototypes for checking state logic or exploring UI before committing the decision to the main codebase. Claude Code 986,201installs

Questions about vscode-ext-commands

How do I install vscode-ext-commands in GitHub Copilot?

Run npx skills add github/awesome-copilot --skill vscode-ext-commands, then use .github/skills/vscode-ext-commands/SKILL.md. You can also run gh skill install github/awesome-copilot vscode-ext-commands.

What does vscode-ext-commands do?

It guides the addition and maintenance of commands in VS Code extensions. The rules cover names, title, categories, icons, visibility, and display conditions.

How are sidebar commands different from regular commands?

Their names start with _ and end with #sideBar, for example _extensionId.someCommand#sideBar. They require an icon, and commands added to view/title or view/item/context also need a display order.

Source text

SKILL.md · MIT
---
name: vscode-ext-commands
description: 'Guidelines for contributing commands in VS Code extensions. Indicates naming convention, visibility, localization and other relevant attributes, following VS Code extension development guidelines, libraries and good practices'
---

# VS Code extension command contribution

This skill helps you to contribute commands in VS Code extensions

## When to use this skill

Use this skill when you need to:
- Add or update commands to your VS Code extension

# Instructions

VS Code commands must always define a `title`, independent of its category, visibility or location. We use a few patterns for each "kind" of command, with some characteristics, described below:

* Regular commands: By default, all commands should be accessible in the Command Palette, must define a `category`, and don't need an `icon`, unless the command will be used in the Side Bar.

* Side Bar commands: Its name follows a special pattern, starting with underscore (`_`) and suffixed with `#sideBar`, like `_extensionId.someCommand#sideBar` for instance. Must define an `icon`, and may or may not have some rule for `enablement`. Side Bar exclusive commands should not be visible in the Command Palette. Contributing it to the `view/title` or `view/item/context`, we must inform _order/position_ that it will be displayed, and we can use terms "relative to other command/button" in order to you identify the correct `group` to be used. Also, it's a good practice to define the condition (`when`) for the new command is visible.

© github · MIT · github/awesome-copilot

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor