canvas-apps-ui-gen

Installation
SKILL.md

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):

  • Ask the user exactly this and wait for their answer:

"Which mode would you like to work in?

1. Replicate — You have a mockup, wireframe, or design screenshot. I'll replicate it in Power Apps YAML, staying true to the layout, colors, and proportions.

Installs
129
GitHub Stars
96
First Seen
Mar 19, 2026