Canvas Apps Ui Gen

This one takes UI mockups, screenshots, or plain text descriptions and turns them into paste-ready Power Apps Canvas YAML. It walks you through a structured flow: detects whether you're replicating a design, modernizing an existing screen, or building from scratch, then analyzes the layout, checks against Canvas Apps limitations (some controls just don't exist), and asks targeted questions about Classic vs Modern controls, color schemes, and where the YAML will land. The orchestration is methodical, almost pedantic, which is exactly what you want when you're trying to avoid the usual Canvas Apps trial-and-error. Saves you from manually translating a Figma comp into nested containers at midnight.

Install to Claude Code

npx -y skills add toluvictor/canvas-apps-tools --skill canvas-apps-ui-gen --agent claude-code