Creates or edits a Power Apps Canvas App through the Canvas Authoring MCP coauthoring session. Handles new app generation, direct targeted edits, complex multi-screen changes, responsive layout, per-screen self-QA, and compile-error convergence. Trigger on requests to create, build, generate, modify, update, change, fix, or edit a Canvas App or .pa.yaml files.
72
90%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
View guide
Passed
No findings from the security scan
Create or edit a Power Apps canvas app for:
$ARGUMENTS
Canvas Authoring tools operate on a local directory containing the app YAML.
App.pa.yaml.App.pa.yaml, when
exactly one exists.Bash, and resolve its absolute path.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.
Inspect the synced .pa.yaml files before choosing a workflow. A blank app normally contains
App.pa.yaml, Screen1.pa.yaml, and _EditorState.pa.yaml.
Treat the app as empty when it has no screens with meaningful leaf controls. Containers without leaf controls do not make the app non-empty.
${PLUGIN_ROOT}/references/CreateWorkflow.md and follow it.${PLUGIN_ROOT}/references/EditWorkflow.md and follow it.Do not load both workflow documents.
CREATE and complex EDIT workflows return here after the planner finishes.
[working directory]/canvas-app-plan.md returned by the planner.## Requirement Coverage table maps every concrete requested noun and
interaction to a visible affordance. Any approximation must be explicit and must not
use UI copy that claims the unavailable interaction is exact.## Action Contracts table:
## Functional Test Matrix:
Then names a source postcondition and an evidence surface that reads it.## Dispatch table:
Action, Screen, Target File, YAML Key, Name Prefix, and
Screen Brief.Create; EDIT rows use Modify or Create.[working directory].Name Prefix.[working directory]/Screen1.pa.yaml with YAML key Screen1.## Editor State Changes exists and contains exact final order lists or None.[working directory]/canvas-app-shared.md and every dispatch row's Screen Brief exists.
Verify each brief's assignment matches its dispatch row and includes every Action
Contract owned by that screen under ## Required Actions and every scenario it
exercises under ## Functional Test Scenarios.### Before builders group of ## App Changes to
[working directory]/App.pa.yaml now. Screens bind to those collections, formulas and variables, and
compiling them against a stale App.pa.yaml produces a flood of false name errors.compile_canvas for [working directory]/App.pa.yaml. If it
did not, compile now and resolve every App-level diagnostic before dispatching.
For EDIT mode, compile after applying the before-builder app changes and resolve
App-level diagnostics before dispatching.canvas-screen-builder once per dispatch row, in waves of
at most three. Fire the wave's invocations together in one message, wait for that
wave to return, then dispatch the next.Never dispatch more than three builders at once. Larger fan-outs have hung without returning, and waves of three get you the first compile sooner, which is where systemic defects surface.
If any pre-dispatch check fails, do not start builders. Re-invoke the planner with the specific defects and repeat the checks on the corrected artifacts.
Pass each builder only:
Action: [Create / Modify]
Screen: [logical screen name]
Target file: `[working directory]/[file].pa.yaml`
YAML screen key: [key from dispatch row]
Control name prefix: [prefix from dispatch row]
Shared plan: `[working directory]/canvas-app-shared.md`
Screen brief: `[working directory]/[file-base].screen-plan.md`
Plugin root: ${PLUGIN_ROOT}The target file, YAML key, and name prefix are authoritative. Modify actions preserve the key already present in the target file.
Compile after each wave returns, before dispatching the next. A systemic mistake in the first wave is usually repeated in every later screen. Repair files that already exist in place; only rows still waiting for dispatch receive corrected briefs.
A between-wave compile can report a Navigate target that belongs to a later wave as
unrecognized. Confirm it matches a remaining dispatch row and leave it in place.
After all builders finish:
Functional: section before accepting its QA: line. It must
contain exactly one PASS trace per Required Action in that screen's brief, and each
trace must name the precondition, control event, source/stable-ID operation,
postcondition, and observer/evidence. A missing link, generic claim, or BLOCKED result
sends that screen back for targeted repair and a corrected trace; do not accept
checklist PASS as a substitute.QA: line. It must list an outcome for every check in
${PLUGIN_ROOT}/references/QAChecks.md. Treat these as unrun and send the screen back for self-QA
only — not a rebuild — before you compile:
QA: line, a line that omits any check listed in
${PLUGIN_ROOT}/references/QAChecks.md, or a bare fix count;QACHK-CROSS-AXIS-ALIGNMENT is N/A despite AutoLayout children,
QACHK-ACCESSIBLE-LABEL-MISSING is N/A despite content or input controls,
QACHK-LOW-CONTRAST-TEXT is N/A despite a non-default coloured surface, or
QACHK-ROOT-CONTAINMENT is PASS while a responsive root has screen-level siblings;QACHK-GALLERY-ROW-FITS-CONTENT is N/A despite the screen containing a Gallery;QACHK-ACTION-LABEL-FIT is PASS while a multiword action directly under vertical
AutoLayout lacks Width: =Parent.Width;
PASS is valid after a complete inspection finds no defect; never reject it solely
because the screen has many controls.
This costs one cheap turn. The defects these checks catch — clipped headings, invisible
buttons, placeholder cards — are invisible to compile_canvas, so if you skip this the
app ships broken while reporting clean.QA: line without regenerating the screen.[working directory]/canvas-app-shared.md: same
destination items, same order, no extra brand/label injected into one screen's nav,
and width formulas that fit the narrowest target. This is an app-wide check builders
cannot perform because each sees only one screen.## Action Contracts row end to end against the generated files: the entry
point is reachable, the named event is wired, and the observable result is visible
immediately after the action. For mutations, require an in-viewport receipt bound to the
returned record, changed stable ID, or deletion snapshot. Compare the handler formula,
declared write set, declared proof set, and receipt controls one-for-one. For create/edit,
every user-entered or user-selected field written by the handler needs a readable labeled
receipt binding. Navigation, a notification, hidden state, or a row somewhere in a longer
list cannot replace it. Compile success does not prove runtime usability.## Functional Test Matrix row symbolically against the final formulas.
Confirm the Given state makes the entry point eligible, the When event targets the
declared source and stable ID, the Then values follow from the operation, and the
evidence formula reads that post-state. Repair the owning file when any link depends on
an unstated assumption or a different source/field.QACHK-CARD-PLACEHOLDER PASS when a ModernCard displays Title, Subtitle and
Description with Height < 180; send that screen back for self-QA.Status: Blocked, re-invoke the planner to correct that screen
brief, then rerun only the affected builder. Never ask a builder to guess missing
definitions.Status: Blocked is the only reason to rerun screen generation from a brief.
Compile diagnostics are not. Once a screen file exists you repair it in place with
targeted edits. Re-running generation rewrites the whole screen from scratch, discards
the fixes already applied, and produces a fresh crop of defects. That loop does not
converge.### After builders group of ## App Changes in
[working directory]/canvas-app-plan.md to [working directory]/App.pa.yaml. The ### Before builders group was
already applied at pre-dispatch. If a group says None, do not edit the file for it.[working directory]/App.pa.yaml.## Editor State Changes from [working directory]/canvas-app-plan.md to
[working directory]/_EditorState.pa.yaml after all builders finish. If it says None, leave the
file unchanged.${PLUGIN_ROOT}/references/ValidationWorkflow.md and follow it.describe_control; only use properties returned
for that exact control type.NavBar or btnBack; the compiler rejects the
second with An entity with name '...' already exists. Every control a builder
writes uses the standard control-type abbreviation followed by that screen's assigned
name prefix, such as conDiscNavBar or btnDetailBack. This applies especially to UI
blocks repeated on many screens — nav bars, headers, toolbars, badges.describe_control. list_controls provides
the name used to query describe_control; it is not the authority for authored YAML.
Copy the returned Control: value and every required ComponentName,
ComponentLibraryUniqueName, Variant, and Layout keyword verbatim. Never strip,
normalize, or reconstruct those values.describe_control prints the exact name on the
Enum name: line of each enum property. Copy it verbatim. Enum names do not follow
from control names: Badge.Appearance is BadgeCanvas.Appearance, Progress.Shape
is Progress.Shape, and ModernDropdown.Appearance is just Appearance. An enum
member that starts with a digit must be quoted too — DecimalPrecision.'1', never
DecimalPrecision.1, which fails with Expected operator and Expected an operand
rather than Name isn't recognized.[working directory]/Screen1.pa.yaml for the landing screen and set
App.StartScreen to =Screen1.App.OnStart or the start screen's OnVisible.App.pa.yaml.
The orchestrator owns EDIT-mode App.pa.yaml.App.pa.yaml is validated before builders are dispatched,
and again as soon as the first builder returns. Never defer the first compile until
every file is written.4c284ab
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.