Canvas App

by microsoft

Canvas App is a Frontend skill for Claude Code, published by microsoft in power-platform-skills.

757 stars158 forkson microsoft/power-platform-skillsAdded 2026/08/23+3% in starsRepository updated 2026/08/22

View source on GitHub Download repo ZIP

claude-code-pluginclaude-code-skillscode-appsgithub-copilot-pluginpower-appspower-pagespower-platform

Install in seconds

Install Canvas App

Copy Canvas App 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/microsoft/power-platform-skills/tree/main/plugins/canvas-apps/skills/canvas-app ~/.claude/skills/canvas-app

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/microsoft/power-platform-skills.git

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

In this catalog

Source file: plugins/canvas-apps/skills/canvas-app/SKILL.md in microsoft/power-platform-skills
Installs to: ~/.claude/skills/canvas-app
Collection: One of 25 skills cataloged from this repository
Category: Frontend — 567 skills

What Canvas App does

Canvas App creates or edits Power Apps canvas apps through the Canvas Authoring MCP coauthoring session. Use it to generate new apps, make targeted or multi-screen edits, and converge compile errors in .pa.yaml files.

Canvas App is cataloged under Frontend on DirSkills. Canvas App comes from a repository tagged claude-code-plugin, claude-code-skills, code-apps, github-copilot-plugin and power-apps.

Documentation

README

Excerpt

Create or Edit a Canvas App

Create or edit a Power Apps canvas app for:

$ARGUMENTS

Establish the Workspace

Canvas Authoring tools operate on a local directory containing the app YAML.

Reuse the current directory when it already contains App.pa.yaml.
Otherwise, reuse the single immediate child directory containing App.pa.yaml, when exactly one exists.
Otherwise, derive a short kebab-case folder name from the app name or requirements, create it with Bash, and resolve its absolute path.
Call sync_canvas with that absolute working directory before reading or editing app files. Do not proceed if sync fails.

Always use absolute paths for app files. Never edit _EditorState.pa.yaml; Studio owns it.

Route the Request

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

Frequently asked about Canvas App

What else does microsoft publish alongside Canvas App?
Canvas App is one of 25 skills that DirSkills catalogs from microsoft/power-platform-skills, the repository it ships in. Its siblings there include Add Connector, Add Connector and Add Data Source. Each one is a separate skill with its own page in this directory, installs the same way Canvas App does, and is maintained by microsoft in that same repository. The rest of the collection is listed on the microsoft/power-platform-skills page.
How does Canvas App compare to other Frontend skills?
Canvas App ranks #393 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. 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 Canvas App against them. Open each page to compare what they document and how they install.