Skip to content

Create Canvas Extension

Scaffolds and registers reusable canvas extensions and plugin manifests in the awesome-copilot repo.

Stars
40,703
Licence
MIT
Files
1 file

What it does

This skill teaches an AI agent how to add a new 'canvas extension' to the github/awesome-copilot repository. It makes the agent ask for the missing details (ID, description, version, author, keywords, preview image, parent plugin), then create the right folders and a plugin.json manifest, and register the extension in any plugins that should ship it. It also explains the strict manifest rules and a migration path for older extensions.

Great for

  • Maintainers or contributors adding a new canvas extension to github/awesome-copilot
  • Developers moving an existing extension manifest into the repository's namespaced plugin format

Skip it if

  • Anyone working outside the github/awesome-copilot repository, since the skill says it applies only there
  • Users wanting a general-purpose skill: it does not add a feature to an unrelated project and may create files that fail validation if the repo layout differs

Try asking

  • “Create a new canvas extension called release-notes-helper in awesome-copilot”
  • “Add the existing extension inbox-triage to the devtools plugin”
  • “Migrate the extension metadata for weather-canvas into the plugins folder”
Step-by-step guide: how to use Create Canvas ExtensionInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 1 original files, the MIT licence and an attribution note.

    create-canvas-extension.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip create-canvas-extension.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip create-canvas-extension.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Give the extension ID, description and parent plugin up front so the agent does not need to ask follow-up questions.
  • Supply a real assets/preview.png; the skill tells the agent not to invent a placeholder image.
  • Review the generated plugin.json and the validation output before committing, since the skill runs repository build scripts.

What's inside

  • SKILL.md

Redistributed unmodified from github/awesome-copilot under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.