Create Canvas Extension

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:

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:

{
  "$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:

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

Its extensions property must contain sorted repository-relative paths:

{
  "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.

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:

   bashCopy

   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.