skills.rest
butchersoft-msn
butchersoft-msnCOMMUNITY
Explore all skills by this author →
GitHub

genpage

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

Updated Aug 23, 2026
Search Tags:#typescript#react#fluent-ui#model-driven#pac-cli#power-apps#generative-pages
One-click install
npx skills add https://github.com/butchersoft-msn/power-platform-mcpserver-for-openai --skill genpage-butchersoft-msn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: genpage
Source: https://github.com/butchersoft-msn/power-platform-mcpserver-for-openai/tree/main/Assets/Plugins/model-apps/skills/genpage
Command: npx skills add https://github.com/butchersoft-msn/power-platform-mcpserver-for-openai --skill genpage-butchersoft-msn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creates, updates, and deploys Power Apps generative pages for model-driven apps, enabling end-to-end page workflows from requirements to deployment.

Core Features & Use Cases

  • Generative Page Creation: Scaffold and deploy new generative pages for model-driven apps using React v17, TypeScript, and Fluent UI v9.
  • Page Updates & Deployment: Update existing pages and push changes to deployment using PAC CLI workflows.
  • Workflow Automation: Manage the entire lifecycle from requirements capture to publish, including integration with PAC CLI and deployment pipelines.
  • Use Case: When a user requests a new generative page for a model-driven app, this skill automates the build, test, and deployment steps to deliver a ready-to-use page.

Quick Start

Describe the desired generative page and use genpage to generate, deploy, and configure it for your Power Apps model-driven app.

Frequently Asked Questions about genpage

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

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

You can create generative pages for model-driven apps by using React 17, TypeScript, and Fluent UI V9 to scaffold and deploy custom pages through PAC CLI workflows.

What is the process to deploy a generative page using PAC CLI?▼

Deploying a generative page using PAC CLI involves pushing updates through deployment pipelines to publish the React and TypeScript code directly to your Power Apps environment.

Can I update existing Power Apps generative pages without rebuilding from scratch?▼

Yes, you can update existing generative pages by modifying the current React and Fluent UI V9 components and deploying the changes using the established PAC CLI workflows.

Do I need React and TypeScript to build Power Apps generative pages?▼

Yes, building generative pages for model-driven apps requires React 17 and TypeScript to meet the framework specifications and ensure proper integration with Fluent UI V9.

What is the best way to manage the lifecycle of a model-driven app generative page?▼

The best way to manage the generative page lifecycle is to automate the end-to-end workflow from requirements capture through build, test, and deployment using PAC CLI integration.

When should I use generative pages instead of standard model-driven app customizations?▼

Use generative pages when you need highly customized user interfaces built with React and Fluent UI V9 that go beyond the capabilities of standard model-driven app customizations.

Related Skills

Explore More Software Engineering Skills→
promitduttapromitdutta

deploy-site

Automate Power Pages code site deployment using PAC CLI.

Community
Advanced
microsoftmicrosoft
647

deploy-site

Automate Power Pages site deployment to PAC-managed environments with PAC CLI.

Official
Advanced
pingqLINpingqLIN

pcf-fluent-modern-theming

Apply Fluent UI React v9 theming to Power Apps Component Framework controls.

Community
Intermediate
pingqLINpingqLIN

pcf-power-pages

Integrate PCF code components into Power Pages websites.

Community
Intermediate