skills.rest
ToluVictor
ToluVictorCOMMUNITY
Explore all skills by this author →
GitHub

canvas-apps-ui-gen

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

127|27|Updated Mar 19, 2026
Search Tags:#automation#yaml#screens#ui-generation#powerapps#canvas-apps
One-click install
npx skills add https://github.com/ToluVictor/canvas-apps-tools --skill canvas-apps-ui-gen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: canvas-apps-ui-gen
Source: https://github.com/ToluVictor/canvas-apps-tools/tree/main/skills/canvas-apps-ui-gen
Command: npx skills add https://github.com/ToluVictor/canvas-apps-tools --skill canvas-apps-ui-gen

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about canvas-apps-ui-gen

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert a UI mockup into Power Apps Canvas App YAML?▼

To convert a UI mockup into Canvas App YAML, provide the mockup image or text description to generate paste-ready YAML that reproduces the exact UI structure for Power Apps Studio.

Can I generate Power Apps Canvas App YAML from a text description?▼

Yes, you can generate Canvas App YAML from a text description. The Skill builds a complete Screens or single container YAML structure from scratch based on your written layout and component requirements.

Does this tool enforce Canvas Apps YAML rules for multi-agent orchestration?▼

Yes, the generator enforces Canvas Apps YAML rules and outputs to a standardized workspace, ensuring the generated YAML is formatted correctly for multi-agent orchestration workflows.

What is the best way to redesign existing Canvas Apps screens using YAML?▼

The best way to redesign existing Canvas Apps screens is to provide the current UI to apply standardized layout, styling, and interaction states, generating improved YAML ready to paste into Power Apps.

Can I use a screenshot to replicate a UI in Power Apps Canvas Apps?▼

Yes, you can use a screenshot to replicate a UI in Power Apps Canvas Apps. The Skill extracts the visual structure from the screenshot and generates the corresponding paste-ready YAML code.

Related Skills

Explore More Design & Creative Skills→
seokan-jeongseokan-jeong
8

team-shinchan:vision

Extract text and UI components from screenshots, mockups, diagrams, and PDFs.

Community
Intermediate
pnppnp
842

powerapps-canvas-yaml-generator

Generate importable Power Apps YAML for canvas screens and components.

Official
Intermediate
MarcoDavaMarcoDava
1

stream-chain

Orchestrate multi-agent workflows by streaming outputs between sequential steps.

Community
Advanced
linehaul-ailinehaul-ai
4

svelte-flow

Build node-based editors and interactive flow visualizations with Svelte Flow.

Official
Intermediate