ToluVictor/canvas-apps-tools

92 stars · Last commit 2026-04-22

AI skills for Power Apps Canvas Apps - Generate paste-ready Power Apps Canvas App YAML from screenshots, mockups, or text descriptions

README preview

# Canvas Apps Tools

> Generate paste-ready Power Apps Canvas App YAML from screenshots, mockups, or text — directly inside Claude Code.

[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)
[![Version](https://img.shields.io/badge/version-1.0.2-green.svg)](.claude-plugin/plugin.json)


## What it does

This plugin gives Claude Code a single skill — `canvas-apps-ui-gen` — that acts as a Power Apps Canvas App developer. Point it at a mockup, describe a screen, or paste a screenshot of an existing app and it produces YAML you can paste straight into Power Apps Studio.

- **Replicate** a UI mockup or wireframe as Canvas App YAML
- **Improve** an existing Canvas App screen (modernize spacing, upgrade controls, add hover/focus states)
- **Build from scratch** from a text description alone
- Enforces Power Apps YAML rules (PA2105 / PA2108 / PA1001) automatically
- Saves output to `canvas-apps-ui-gen-output/` in your current working directory and displays it inline when small (< 400 lines)


## Requirements

View full repository on GitHub →