Skills
.Work. You
Rest

generative-page-dev

Community

Develop, debug, and deploy Generative Pages.

Software Engineering#dashboard#d3#design-patterns#pac#fluent-ui#powerapps#generative-pages
AuthorKazuya0628
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: generative-page-dev
Download link: https://github.com/Kazuya0628/Quotation-Work-Automation-System/archive/main.zip#generative-page-dev

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.