New: 97,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Official agent skill

Create Canvas Extension

by github in github/awesome-copilot

Create or register a canvas extension in the awesome-copilot repository.

OfficialMITAuto-check passedAgent Workflows

Install Create Canvas Extension

skills CLI
$ npx skills add github/awesome-copilot --skill create-canvas-extension -a claude-code

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

GitHub CLI
$ gh skill install github/awesome-copilot create-canvas-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/github/awesome-copilot.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.github/skills/create-canvas-extension .claude/skills/create-canvas-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
create-canvas-extension
GitHub stars
40k
Token cost
~1.3k tokens
SKILL.md length
495 words
Files
1
Skills in repo
417
Repo updated
First seen
Licence
MIT

At a glance

Create or register a canvas extension in the awesome-copilot repository.

  • Works in 5 steps: Extension ID: lowercase kebab-case,… → Display metadata → Canvas entrypoint: confirm whether the… → …
  • Asked to scaffold a new canvas extension
  • SKILL.md covers Required decisions, Files to create, Workflow and Existing extension migration
  • Calls npm; reaches agent-plugins.org

What it does

Create Canvas Extension is an agent skill from github/awesome-copilot, published by the product's own GitHub organization. Create or register a canvas extension in the awesome-copilot repository. Use when asked to scaffold a new canvas extension, create its plugin.json, add a reusable extension to one or more plugins, or migrate extension metadata. Extensions are reusable source under extensions/; shippable plugin manifests belong under plugins/.

Its SKILL.md is about 1.3k 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 Agent Workflows, covering Hooks and plugins. It works with GitHub. The repository describes itself as: Community-contributed instructions, agents, skills, and configurations to help you make the most of GitHub Copilot. The licence is MIT.

When your agent uses it

  • Asked to scaffold a new canvas extension
  • Create its plugin.json
  • Add a reusable extension to one
  • Migrate extension metadata

Example prompts

  • “/create-canvas-extension”

Workflow steps

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

  1. Extension ID: lowercase kebab-case, matching the source folder and plugin name.
  2. Display metadata
  3. Canvas entrypoint: confirm whether the extension already has extension.mjs. If not, create a minimal entrypoint only when the user…
  4. Preview image: obtain an existing assets/preview.png path or ask the user to add it. Do not invent a binary image or silently use a…
  5. Plugin registration

What it can do on your machine

Read from SKILL.md and the folder at commit 727ff2e. 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

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • agent-plugins.org

    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

Create Canvas Extension loads about 1.3k tokens when it runs. Until then it costs about 88 tokens; SKILL.md has 495 words of instructions outside code blocks.

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

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 github/awesome-copilot at commit 727ff2e, republished under its MIT licence (© github). 495 words, ~1,304 tokens.

Download SKILL.mdSave it as .claude/skills/create-canvas-extension/SKILL.md (or your agent's skills folder).
name
create-canvas-extension
description
Create or register a canvas extension in the awesome-copilot repository. Use when asked to scaffold a new canvas extension, create its plugin.json, add a reusable extension to one or more plugins, or migrate extension metadata. Extensions are reusable source under extensions/; shippable plugin manifests belong under plugins/.
argument-hint
[optional extension name or description]

Create a canvas extension

Use this skill only for the github/awesome-copilot repository. Canvas extensions are reusable source components. They do not have a plugin.json under extensions/.

Required decisions

Before creating files, ask for each missing value:

  1. Extension ID: lowercase kebab-case, matching the source folder and plugin name.
  2. Display metadata:
    • description
    • version (default 1.0.0)
    • author name and optional URL
    • keywords (lowercase, hyphenated, maximum 10)
    • repository and license (default to the repository URL and MIT when appropriate)
  3. Canvas entrypoint: confirm whether the extension already has extension.mjs. If not, create a minimal entrypoint only when the user provides enough implementation details; otherwise create the directory and leave an explicit TODO.
  4. Preview image: obtain an existing assets/preview.png path or ask the user to add it. Do not invent a binary image or silently use a misleading placeholder.
  5. Plugin registration:
    • For a standalone installable canvas plugin, create plugins/<extension-id>.
    • For an extension that belongs to an existing plugin, ask for the parent plugin ID and add ./extensions/<extension-id> to that plugin's extensions.com.github.awesome-copilot.extensions.
    • If the extension should be shipped by multiple plugins, collect all plugin IDs and add the same extension ID to each mapping file.

Files to create

For a new extension plugin, create this structure:

text
extensions/<extension-id>/
├── extension.mjs
└── assets/
    └── preview.png

plugins/<extension-id>/
├── plugin.json
└── README.md

The extension source may contain additional files such as package.json, canvas assets, or supporting modules. Keep all reusable implementation files under extensions/<extension-id>/.

Create plugins/<extension-id>/plugin.json with this shape:

json
{
  "$schema": "https://agent-plugins.org/schemas/1.0.0/plugin.schema.json",
  "name": "<extension-id>",
  "description": "<description>",
  "version": "1.0.0",
  "author": {
    "name": "<author>"
  },
  "repository": "https://github.com/github/awesome-copilot",
  "license": "MIT",
  "keywords": [
    "<keyword>"
  ],
  "extensions": {
    "com.github.copilot": {
      "logo": "assets/preview.png"
    },
    "com.github.awesome-copilot": {
      "extensions": [
        "./extensions/<extension-id>"
      ]
    }
  }
}

Keep Agent Plugins fields at the manifest top level. Repository composition belongs only under extensions.com.github.awesome-copilot; do not put agents, commands, hooks, or skills at the top level or directly under extensions. MCP servers are declared in mcp.json at the plugin root, never in plugin.json. Do not add x-awesome-copilot, standalone, or other repository-specific top-level fields.

For an existing parent plugin, create or update:

text
plugins/<parent-plugin>/plugin.json (`extensions.com.github.awesome-copilot.extensions`)

Its extensions property must contain sorted repository-relative paths:

json
{
  "extensions": [
    "./extensions/<extension-id>"
  ]
}

Do not copy the extension source into the parent plugin. Materialization resolves the IDs from the root extensions/ directory, so the same source can be bundled by multiple plugins.

Show full SKILL.md (175 more words)Show less

Workflow

  1. Inspect the repository before editing:

    • confirm extensions/<extension-id> and plugins/<extension-id> do not already conflict
    • inspect the target parent plugin, if any
    • check whether a preview image and entrypoint already exist

  2. Ask only the missing required questions from the decisions above.

  3. Create the source and plugin directories with the required files.

  4. If creating a new entrypoint, keep it minimal and clearly mark implementation TODOs rather than fabricating behavior.

  5. Add or update extensions.com.github.awesome-copilot.extensions for every parent plugin that should ship the extension. Keep paths alphabetically sorted and unique.

  6. Ensure there is no extensions/<extension-id>/.github/plugin/plugin.json.

  7. Run:

    bash
    npm run plugin:validate
npm run build
npm run website:data

  8. Report the created paths, the plugins that ship the extension, and any missing user-provided assets or TODOs.

Existing extension migration

When migrating an existing extension:

  1. Move its existing manifest to plugins/<extension-id>/plugin.json.
  2. Update the manifest to the namespace-based extensions.com.github.copilot.logo shape.
  3. Remove the old manifest from extensions/<extension-id>.
  4. Register the extension in any parent plugin's extensions.com.github.awesome-copilot.extensions.
  5. Run the validation and build commands above.

© github, 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 .github/skills/create-canvas-extension of github/awesome-copilot.

Open the folder on GitHubat commit 727ff2e

Compare with similar skills

Create Canvas 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.

Create Canvas Extension compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Create Canvas Extension this skillgithub/awesome-copilot40k—~1.3kAutomated safety check: PassMIT
OpenGUI Installer for DSHCore-Mate/OpenGUI1.8k—~1.1kAutomated safety check: PassCustom licence
Copilot Canvas Extension Authorgithub/gh-aw5.3k—~3.7kAutomated safety check: PassMIT
Chat SDKdatabuddy-analytics/Databuddy1.2k—~2.6kAutomated safety check: PassAGPL-3.0
Plugins ManagementCodeAlive-AI/ai-driven-development155—~3.1kAutomated safety check: NotesMIT
Releasetractorjuice/arc-kit2.3k—~3kAutomated safety check: PassCustom licence

Similar skills

  • OpenGUI Installer for DSH

    Core-Mate/OpenGUI

    Installs and verifies the latest stable OpenGUI release in a DeepSeek Harness web profile on macOS without disturbing existing plugins or settings.

    1.8k GitHub stars~1.1k tokensUpdated today
    Agent WorkflowsAuto-check passed

  • Copilot Canvas Extension Author

    github/gh-aw

    Official

    Scaffolds, edits, reloads and debugs a canvas extension that the GitHub Copilot CLI can open in its side panel.

    5.3k GitHub stars~3.7k tokensUpdated today
    Agent WorkflowsAuto-check passed

  • Chat SDK

    databuddy-analytics/Databuddy

    Build multi-platform chat bots with Chat SDK (chat npm package).

    1.2k GitHub stars~2.6k tokensUpdated today
    Agent WorkflowsAuto-check passed

  • Plugins Management

    CodeAlive-AI/ai-driven-development

    Create, publish, delete, and submit plugins for coding agents (Claude Code, OpenCode, Devin CLI/Desktop).

    155 GitHub stars~3.1k tokensUpdated yesterday
    Agent WorkflowsAuto-check: notes

  • Release

    tractorjuice/arc-kit

    Cut a new ArcKit release — bump versions in lockstep, regenerate non-Claude formats, validate plugin/marketplace agreement, tag, and push to standalone repos.

    2.3k GitHub stars~3k tokensUpdated yesterday
    Agent WorkflowsAuto-check passed

  • Context Mode Upgrade

    mksglu/context-mode

    Update context-mode from GitHub and fix hooks/settings. Pulls latest, builds, installs, updates npm global, configures hooks. Trigger: /context-mode:ctx-upgrade

    26k GitHub stars~291 tokensUpdated today
    Agent WorkflowsAuto-check passed

More from github/awesome-copilot

All 417 skills in this repo

  • Acquire Codebase Knowledge

    github/awesome-copilot

    Official

    Maps an unfamiliar codebase into seven evidence-backed documents in docs/codebase/, using a scan script and templates, for onboarding or architecture write-ups.

    40k GitHub starsUsed in 1 repo~2.3k tokens
    Auto-check passed

  • Azure Architecture Autopilot

    github/awesome-copilot

    Official

    Designs Azure infrastructure from a natural-language description, or diagrams an existing resource group, then refines the design through conversation and deploys it with Bicep.

    40k GitHub starsUsed in 1 repo~1.9k tokens
    Auto-check passed

  • Draw.io Diagram Generator

    github/awesome-copilot

    Official

    Generates, edits and validates draw.io files with correct mxGraph XML, covering flowcharts, architecture, sequence, ER and UML class diagrams.

    40k GitHub starsUsed in 1 repo~4.9k tokens
    Auto-check passed

  • Credit Risk Data Cleaning

    github/awesome-copilot

    Official

    Cleans raw credit data and screens variables before loan modeling, dropping unstable, noisy or redundant features and writing an Excel report of every step.

    40k GitHub starsUsed in 1 repo~1.5k tokens
    Auto-check passed

  • Daily Focus Board

    github/awesome-copilot

    Official

    Builds a warm, browser-based daily focus board the user updates by talking to their agent, with Eisenhower priorities, a brain-dump box and kind not-today carryover.

    40k GitHub stars~3k tokensUpdated today
    Auto-check passed

  • Python Pypi Package Builder

    github/awesome-copilot

    Official

    End-to-end skill for building, testing, linting, versioning, and publishing a production-grade Python library to PyPI.

    40k GitHub starsUsed in 1 repo~4.6k tokens
    Auto-check passed

Works with

Categories

Questions about Create Canvas Extension

What does Create Canvas Extension do?

Create or register a canvas extension in the awesome-copilot repository. Create Canvas Extension is an agent skill from github/awesome-copilot, published by the product's own GitHub organization. Create or register a canvas extension in the awesome-copilot repository.

When should I use Create Canvas Extension?

Create Canvas Extension fits situations like: asked to scaffold a new canvas extension; create its plugin.json; add a reusable extension to one; migrate extension metadata.

How do I install Create Canvas Extension in Claude Code?

Run `npx skills add github/awesome-copilot --skill create-canvas-extension -a claude-code`. Or copy the skill folder (.github/skills/create-canvas-extension in github/awesome-copilot) into .claude/skills/create-canvas-extension in your project. Claude Code loads it when a task matches its description.

How do I install Create Canvas Extension in Codex?

Run `npx skills add github/awesome-copilot --skill create-canvas-extension -a codex`. Or copy the skill folder (.github/skills/create-canvas-extension in github/awesome-copilot) into .agents/skills/create-canvas-extension in your project. Codex loads it when a task matches its description.

Can I use Create Canvas 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 github/awesome-copilot --skill create-canvas-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/create-canvas-extension, .gemini/skills/create-canvas-extension, .github/skills/create-canvas-extension and .opencode/skills/create-canvas-extension in your project.

What does Create Canvas Extension need to run?

Going by SKILL.md and its folder, Create Canvas Extension needs the command-line tools its instructions call (npm).

Does Create Canvas Extension access the network?

SKILL.md names 1 domain. In commands or code: agent-plugins.org; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.

Is Create Canvas 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 Create Canvas Extension use?

Create Canvas 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 Create Canvas Extension use?

About 1.3k tokens (SKILL.md is roughly 5.2k 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 Create Canvas Extension?

Skills that share tags, products or a category with Create Canvas Extension: OpenGUI Installer for DSH (Core-Mate/OpenGUI, 1.8k stars), Copilot Canvas Extension Author (github/gh-aw, 5.3k stars), Chat SDK (databuddy-analytics/Databuddy, 1.2k stars) and Plugins Management (CodeAlive-AI/ai-driven-development, 155 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Create Canvas Extension?

github (a GitHub organization, an official publisher) maintains it in github/awesome-copilot, which has 39,748 GitHub stars. The repository holds 417 skills in this directory. The repository was last updated on October 7, 2026.

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