Canvas Apps UI Gen
Generate paste-ready Power Apps Canvas App YAML from a mockup or description.
In test queue
Test report
- Verdict
- In test queue
- Tested
- —
- Environment
- Pending
In the test queue — machine-screened (validator 85/100, 107★ repo), full install/trigger/output test scheduled.
What Canvas Apps UI Gen does
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.
How to install Canvas Apps UI Gen
git clone https://github.com/ToluVictor/canvas-apps-tools
cp -r canvas-apps-tools/skills/canvas-apps-ui-gen ~/.claude/skills/canvas-apps-ui-gen
Skills live in ~/.claude/skills/ (global) or .claude/skills/
(per-project). Restart Claude Code after installing.
Commands — how to trigger Canvas Apps UI Gen
-
/canvas-apps-ui-genGenerate paste-ready Power Apps Canvas App YAML from a mockup or description.
It also activates on plain-language prompts like these:
-
Turn this UI mockup into Canvas App YAML -
Redesign this Power Apps screen's layout -
Generate YAML for a new Canvas app login screen
Frequently asked questions
- Is the Canvas Apps UI Gen skill free?
- Yes. The skill itself is free from ToluVictor/canvas-apps-tools. SkillProof publishes the install command and an independent test verdict at no cost.
- Does Canvas Apps UI Gen work with Claude Code?
- It is in our test queue — we run every skill on real work before issuing a verdict, and this one is scheduled.
- How do I install Canvas Apps UI Gen?
- Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
- Can I use Canvas Apps UI Gen with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
- The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.