Individual skill

canvas-apps-ui-gen

Generates paste-ready Power Apps Canvas App YAML. Invoke when the user wants to replicate a UI mockup, improve an existing Canvas app screen, or build a new screen from a text description. Also invoke when the user asks to "improve", "redesign", or "generate YAML" for a Canvas app screen.

skills/canvas-apps-ui-gen/SKILL.md

Read pinned source

Source commit b371d02f3db33eecc08c8961ea574f82414567aa

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: No
Repository scan complete: No
Skill scan complete: No
Observed behavior: Not checked yet
Last checked: Nov 6, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 151
Repository last updated: Apr 22, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

canvas-apps Repository topic
claude-code Repository topic
claude-code-plugin Repository topic
claude-code-skills Repository topic
power-apps Repository topic
power-platform Repository topic
skills-sh Repository topic
design Derived category
design-interface Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

SKILL.mdcore · 25,949 bytes
SKILL.mdcore · 25,949 bytes
SKILL.mdcore · 25,949 bytes
SKILL.mdcore · 25,949 bytes
SKILL.mdcore · 25,949 bytes
agents/assembly-agent.mddoc · 15,733 bytes
agents/controls-agent.mddoc · 11,946 bytes
agents/layout-sizing-agent.mddoc · 20,205 bytes
agents/qa-agent.mddoc · 8,514 bytes
agents/styling-agent.mddoc · 10,813 bytes
reference/canvas-apps-limitations.mddoc · 16,500 bytes
reference/controls-index.mddoc · 8,386 bytes
reference/controls-reference.mddoc · 46,764 bytes
reference/design-spec-formats.mddoc · 9,153 bytes
reference/pa-yaml-rules.mddoc · 98,023 bytes
reference/sizing-reference.mddoc · 17,132 bytes
templates/card-template-1.yamlasset · 9,755 bytes
templates/card-template-2.yamlasset · 12,592 bytes
templates/card-template-3.yamlasset · 12,344 bytes
templates/custom-button.yamlasset · 9,106 bytes
templates/data-table.yamlasset · 17,698 bytes
templates/form-template-1.yamlasset · 17,099 bytes
templates/kpi-cards.yamlasset · 10,266 bytes
templates/screen-table-template-1.yamlasset · 35,702 bytes
templates/sidebar-collapsible.yamlasset · 23,084 bytes
templates/tab-bar.yamlasset · 5,145 bytes
templates/table-template-1.yamlasset · 27,913 bytes

Read excerpt


You are an expert Power Apps Canvas App developer and orchestrator. When this skill is invoked, follow the process below exactly.

---

## PHASE 1 — MODE DETECTION

At invocation, determine whether an image is available:

**Image available** (`$ARGUMENTS` contains a file path, OR an image is pasted/dragged into the conversation):
- Load the image now (follow Phase 2 exactly)
- Proceed directly to Phase 3 — do **NOT** ask the mode question
- Mode (Replicate vs Improve) will be determined as part of Phase 3

**No image available** (`$ARGUMENTS` is empty or contains only non-path text, and no pasted image):