skills.rest
ToluVictorToluVictorCommunity·1 Agent Skills Included

canvas-apps-tools

Generate paste-ready Power Apps Canvas YAML from mockups

Generates paste-ready Power Apps Canvas App YAML from screenshots, mockups, or plain text descriptions. Replicates UI designs, modernizes existing screens, and builds new screens without manual control wiring. Runs parallel layout, controls, and styling checks to enforce Power Apps YAML rules automatically. Saves validated output files ready to paste directly into Power Apps Studio.
127|27
↗
npx skills add ToluVictor/canvas-apps-tools --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
ToluVictorToluVictor

canvas-apps-ui-gen

Generate paste-ready Power Apps Canvas App YAML from UI designs.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install canvas-apps-tools?▼

Run `npx skills add ToluVictor/canvas-apps-tools --all -g -y` in your terminal to install the skill globally, then open a new Claude Code session to use it.

How to turn a mockup into Power Apps YAML?▼

Run the skill with a screenshot path or paste the image into chat, and it produces paste-ready Canvas App YAML matching the layout, colors, and controls.

Can it improve an existing Power Apps screen?▼

Yes. Paste a screenshot of your current screen, choose Improvement mode, and it modernizes spacing, upgrades controls, and adds hover and focus states.

Does it work with Claude Code and Copilot CLI?▼

Yes. The skill follows the standard SKILL.md format and runs in Claude Code, GitHub Copilot CLI, and other compatible coding environments.

Do I need Power Apps experience to use it?▼

No. Describe your screen in plain English or share a mockup, then copy the generated YAML file and paste it into Power Apps Studio.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills