skills.rest
microsoft
microsoftOFFICIAL
Explore all skills by this author →
Website𝕏@OpenAtMicrosoftGitHub

genpage

Plan, generate, and deploy Power Apps generative pages via PAC CLI.

647|132|Updated Jan 21, 2026
Search Tags:#typescript#react#generative#fluent-ui#power-platform#model-driven#pac-cli
One-click install
npx skills add https://github.com/microsoft/power-platform-skills --skill genpage
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: genpage
Source: https://github.com/microsoft/power-platform-skills/tree/main/plugins/model-apps/skills/genpage
Command: npx skills add https://github.com/microsoft/power-platform-skills --skill genpage

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Power Platform developers need a reliable, end-to-end workflow to create, update, and deploy generative pages for model-driven apps using React, TypeScript, Fluent UI, and PAC CLI.

Core Features & Use Cases

  • Generative Page Creation: scaffold and deploy pages for model-driven apps.
  • Update & Deploy Workflows: handle incremental updates and redeployments.
  • PAC CLI Integration: deploy code to the Dataverse environment via PAC CLI.
  • Guided Requirements: interactive planning to capture page requirements and translate them into code.

Quick Start

Describe the generative page you want, and I will plan, generate, and deploy it using PAC CLI.

Frequently Asked Questions about genpage

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

FAQPage Schema
How do I build generative pages for Power Apps model-driven apps?▼

You can build generative pages for Power Apps by describing your requirements, which triggers a plan-first generation process to scaffold React and TypeScript code, design the UI with Fluent UI 9, and deploy it to Dataverse.

What is the best way to deploy React code to a Dataverse environment?▼

Deploying React code to a Dataverse environment is handled through PAC CLI integration, allowing you to push generative page updates directly to your model-driven apps end-to-end.

Can I update an existing generative page in a model-driven app?▼

Yes, you can update existing generative pages in model-driven apps by providing your incremental changes, which are processed through the guided requirements workflow and redeployed using PAC CLI.

Do I need TypeScript and Fluent UI 9 to create Power Apps generative pages?▼

Yes, the generative page creation workflow for model-driven apps uses TypeScript and React for logic, Fluent UI 9 for the component design, and PAC CLI for deploying the code to the Dataverse environment.

How does the guided requirements process work for generating Power Apps pages?▼

The guided requirements process captures your page description interactively, translates the specifications into a structured plan, and then generates the corresponding React and TypeScript code for deployment.

Are there limitations when using PAC CLI to deploy generative pages?▼

Generative page deployment via PAC CLI targets Dataverse-based model-driven apps, meaning your environment must support this specific structured, plan-first React and TypeScript workflow to function correctly.

Related Skills

Explore More Software Engineering Skills→
promitduttapromitdutta

setup-datamodel

Automate Dataverse table, column, and relationship setup for Power Pages.

Community
Advanced
geekfujiwarageekfujiwara
56

generative-page

Create single-file React components with D3 visualizations for model-driven apps.

Community
Advanced
promitduttapromitdutta

genpage

Create, retrieve, and update Power Apps generative pages with React and TypeScript.

Community
Advanced
GabeujinGabeujin

power-apps-code-app-scaffold

Create Power Apps Code App projects with Vite, React, and TypeScript.

Community
Advanced