Skills
.Work. You
Rest

canvas-apps-ui-gen

Community

Generate Canvas Apps YAML from UI designs.

Design & Creative#automation#yaml#screens#ui-generation#powerapps#canvas-apps
AuthorToluVictor
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Generates paste-ready Power Apps Canvas App YAML from UI mockups, screenshots, or text descriptions, enabling rapid prototyping and consistent YAML generation.

Core Features & Use Cases

  • Reproduce a UI mockup or wireframe to the exact YAML structure for Canvas Apps.
  • Improve and redesign existing screens by applying standardized layout, styling, and interaction states.
  • Build from scratch from a text description and generate a complete Screens: or single container YAML ready for paste.

Quick Start

Provide a mockup image or a text description, then run /canvas-apps-ui-gen to generate YAML you can paste into Power Apps Studio.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: canvas-apps-ui-gen
Download link: https://github.com/ToluVictor/canvas-apps-tools/archive/main.zip#canvas-apps-ui-gen

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.