Create Canvas

by github

Create Canvas is an AI Engineering skill for Claude Code, published by github in gh-aw.

4.9K stars495 forkson github/gh-awAdded 2026/08/16Repository updated 2026/08/16

View source on GitHub Download repo ZIP

actionscaiciclaude-codecodexcopilotgh-extensiongithub-actions

Install in seconds

Install Create Canvas

Copy Create Canvas into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/github/gh-aw/tree/main/.github/skills/create-canvas ~/.claude/skills/create-canvas

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/github/gh-aw.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: .github/skills/create-canvas/SKILL.md in github/gh-aw
Installs to: ~/.claude/skills/create-canvas
Collection: One of 25 skills cataloged from this repository
Category: AI Engineering — 2451 skills

What Create Canvas does

Create Canvas authors, validates, and debugs canvas extensions that agents open in the Copilot app side panel. Use it when creating, reviewing, or troubleshooting a canvas extension, including its actions, inputs, rendered content, and extension wiring.

Create Canvas is cataloged under AI Engineering on DirSkills. Create Canvas comes from a repository tagged actions, cai, ci, claude-code and codex.

Documentation

README

Excerpt

Extension Canvas Authoring

Use this skill when creating or debugging an extension canvas that integrates with the runtime canvas model.

The host app no longer participates in extension canvas registration. Extensions declare canvases directly to the runtime via the Copilot SDK on joinSession; the runtime routes provider callbacks (canvas.open, canvas.action.invoke, etc.) straight to the declaring connection; the host app just renders whatever URL the provider returns.

Authoring workflow (do this in order)

This is the opening of the README. Read the full README on GitHub.

Commands Create Canvas provides

Slash commands named in this skill’s SKILL.md, listed in the order they first appear.

/events

Frequently asked about Create Canvas

What else does github publish alongside Create Canvas?
Create Canvas is one of 25 skills that DirSkills catalogs from github/gh-aw, the repository it ships in. Its siblings there include AWF Release Integrator, Agent Session CLI and Agent Task CLI. Each one is a separate skill with its own page in this directory, installs the same way Create Canvas does, and is maintained by github in that same repository. The rest of the collection is listed on the github/gh-aw page.
How does Create Canvas compare to other AI Engineering skills?
Create Canvas ranks #513 by stars among the 2451 AI Engineering skills in this catalog. The most-starred ones next to it are Architecture Decision Records, AI-First Engineering and Agentic OS. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Create Canvas against them. Open each page to compare what they document and how they install.