generate-canvas-app

Solid

Generate a complete, visually distinctive Power Apps canvas app with YAML. USE WHEN the user wants to create, build, or generate a Canvas App or pa.yaml files.

Data & Documents 317 stars 63 forks Updated today MIT

Install

View on GitHub

Quality Score: 92/100

Stars 20%
83
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Generate a Canvas App Generate a complete Power Apps canvas app for the following requirements: $ARGUMENTS ## Overview This skill orchestrates two specialist agents: 1. **`canvas-app-planner`** — discovers available controls and data sources, designs the app, presents a screen plan for your approval, then writes a shared plan document 2. **`canvas-screen-builder`** — writes exactly one screen's YAML; multiple builders run in parallel after the plan is approved You (the skill) coordinate the agents and own the compilation + error-fixing loop after all screens are written. --- ## Phase 0 — Create App Folder Before planning, derive a short folder name from the user's requirements: 1. Extract the app name or a 2–4 word summary from `$ARGUMENTS` 2. Convert to kebab-case (e.g., "Expense Tracker" → `expense-tracker`, "my travel planner" → `my-travel-planner`) 3. Create the folder using `Bash`: `mkdir -p <folder-name>` 4. Resolve its absolute path — this is the **working directory** for all subsequent phases Pass this absolute path as the working directory in every agent prompt below. --- ## Phase 1 — Plan Invoke the `canvas-app-planner` agent using the `Task` tool. Pass a prompt that includes: - The user's requirements: `$ARGUMENTS` - The working directory (the absolute path resolved in Phase 0) - The plugin root path: `${CLAUDE_PLUGIN_ROOT}` Example prompt: > You are the canvas-app-planner agent. Plan a Canvas App for the following requirements: > > [paste...

Details

Author
microsoft
Repository
microsoft/power-platform-skills
Created
4 months ago
Last Updated
today
Language
JavaScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

canvas-apps-ui-gen

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.

101 Updated 1 months ago
ToluVictor
Data & Documents Solid

edit-canvas-app

Edit an existing Power Apps canvas app. USE WHEN the user wants to modify, update, change, or edit an existing Canvas App or pa.yaml files.

317 Updated today
microsoft
Web & Frontend Solid

create-code-app

Creates Power Apps code apps using React and Vite. Use when building code apps, scaffolding projects, or deploying to Power Platform.

317 Updated today
microsoft
AI & Automation Listed

generate-app

Generate a validated three-platform SaaS app — Rails 8.1 API + SwiftUI iOS + Jetpack Compose Android — from a one-sentence natural-language spec, then read the validation report and explain in plain language what passed and what failed. Use when the user wants to scaffold, generate, bootstrap, or create a new mobile or SaaS app from a description (e.g. "a walk-in queue for a barbershop", "a restaurant waitlist", "a task tracker").

3 Updated 4 days ago
nativeapptemplate
AI & Automation Listed

canvas-cowork

Pilot a spatial canvas from the CLI — create canvases, generate images/text/video/agent responses, read results, recall past work, and manage nodes. The canvas is a shared workspace visible in the browser; this skill gives you a live cursor on it. Use this skill whenever the user wants to interact with the canvas platform, asks to generate images or videos on canvas, mentions "canvas", "Neo", "Agent Neo", wants to draw/create/generate visual content on the spatial canvas, references past canvas work, or says anything that implies operating on the canvas. Also triggers on /canvas-cowork.

0 Updated today
alexzq343-beep