skills.rest
Kazuya0628
Kazuya0628COMMUNITY
Explore all skills by this author →
GitHub

generative-page-dev

Automate Power Apps Generative Pages development with React 17, Fluent UI V9, and PAC CLI.

Updated Apr 24, 2026
Search Tags:#dashboard#d3#design-patterns#pac#fluent-ui#powerapps#generative-pages
One-click install
npx skills add https://github.com/Kazuya0628/Quotation-Work-Automation-System --skill generative-page-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: generative-page-dev
Source: https://github.com/Kazuya0628/Quotation-Work-Automation-System/tree/main/.github/skills/generative-page-dev
Command: npx skills add https://github.com/Kazuya0628/Quotation-Work-Automation-System --skill generative-page-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generative Page Development skill automates the end-to-end lifecycle of building Power Apps Generative Pages, including design, debugging, and deployment, addressing the complexity of integrating React 17, Fluent UI V9, D3.js, and PAC CLI workflows within a single-file page pattern.

Core Features & Use Cases

  • Structured frontmatter and operational guidance for Generative Pages across KPI dashboards, maps, Kanban boards, and scheduling views.
  • Step-by-step deployment flow with site-map synchronization and automated publishing considerations.
  • Reusable code-pattern and design-template references that cover D3 charts, UI patterns, multi-tab dashboards, and multilingual support.

Quick Start

Create a Generative Page development skill by following the included design-template and code-pattern references.

Frequently Asked Questions about generative-page-dev

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

FAQPage Schema
How do I build a Power Apps Generative Page with React and Fluent UI?▼

Power Apps Generative Page development integrates React 17, Fluent UI V9, and D3.js within a single-file page pattern. This process automates the end-to-end lifecycle, covering design, debugging, and deployment for KPI dashboards, maps, and Kanban boards.

What is the best way to deploy Generative Pages and sync the SiteMap?▼

Deploying Generative Pages uses a structured step-by-step flow with PAC CLI workflows. This process handles site-map synchronization and automated publishing, ensuring your KPI dashboards and scheduling views are correctly published to the Power Apps environment.

Can I use D3.js charts in a Power Apps single-file page pattern?▼

Yes, D3.js charts are supported in Power Apps Generative Pages. The development process includes reusable code-pattern and design-template references that cover D3 charts, UI patterns, and multi-tab dashboards within the single-file page architecture.

Does Power Apps Generative Page development support modal editing and multilingual features?▼

Power Apps Generative Page development supports modal editing and multilingual features. It satisfies specific data-access patterns, modal editing, and SiteMap synchronization, while design templates provide references for multilingual support across KPI dashboards and scheduling views.

Why does integrating React 17 and PAC CLI workflows complicate Generative Page development?▼

Integrating React 17, Fluent UI V9, D3.js, and PAC CLI workflows within a single-file page pattern creates substantial development complexity. Automating the end-to-end lifecycle addresses this by providing structured operational guidance, design templates, and code-pattern references.

Related Skills

Explore More Software Engineering Skills→
CrazySwamiCrazySwami

testing

Create Playwright, Vitest, and Storybook tests for TypeScript/React apps.

Community
Intermediate
geekfujiwarageekfujiwara
56

generative-page

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

Community
Advanced
pingqLINpingqLIN

pcf-fluent-modern-theming

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

Community
Intermediate
pingqLINpingqLIN

pcf-canvas-apps

Implement and integrate Power Apps component framework code components into canvas apps.

Community
Intermediate