Add power-apps plugin with genpage skill for generative pages (#11)

Adds a new power-apps plugin that builds and deploys Power Apps
generative pages (genux) for model-driven apps using React 17,
TypeScript, and Fluent UI V9 via PAC CLI.

Plugin structure:
- Claude Code skill (SKILL.md) with /genpage command
- GitHub Copilot instructions (copilot-instructions.md)
- Shared references (code-gen rules, PAC CLI, troubleshooting)
- 8 sample .tsx files for common page patterns
- Project-level settings for auto-allowed Bash commands

Author: Akshay Maloo

.claude-plugin/marketplace.json

@@ -33,6 +33,17 @@
                     }
                 }
             }
+        },
+        {
+            "name": "power-apps",
+            "description": "Build and deploy Power Apps generative pages for model-driven apps.",
+            "version": "1.0.0",
+            "author": {
+                "name": "Microsoft"
+            },
+            "source": "./plugins/power-apps",
+            "category": "development",
+            "strict": false
         }
     ]
 }

.claude/settings.json

@@ -0,0 +1,13 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(pac *)",
+      "Bash(node *)",
+      "Bash(dotnet *)",
+      "Bash(powershell *)",
+      "Read",
+      "Write",
+      "Edit"
+    ]
+  }
+}

README.md

@@ -33,6 +33,12 @@ Create and deploy Power Pages sites using modern development approaches.
 
 **Currently supported**: Code Sites (SPAs) with React, Angular, Vue, or Astro
 
+### Power Apps (`plugins/power-apps`)
+
+Build and deploy Power Apps generative pages for model-driven apps.
+
+**Stack**: React + TypeScript + Fluent, deployed via PAC CLI
+
 ## Installation
 
 ### Add from GitHub Marketplace

plugins/power-apps/.claude-plugin/plugin.json

@@ -0,0 +1,23 @@
+{
+  "name": "power-apps",
+  "version": "1.0.0",
+  "description": "Build and deploy Power Apps generative pages for model-driven apps.",
+  "author": {
+    "name": "Microsoft",
+    "url": "https://www.microsoft.com"
+  },
+  "homepage": "https://github.com/microsoft/power-platform-claude-plugins/",
+  "repository": "https://github.com/microsoft/power-platform-claude-plugins/",
+  "license": "MIT",
+  "keywords": [
+    "power-apps",
+    "generative-pages",
+    "genux",
+    "genpage",
+    "react",
+    "fluent-ui",
+    "dataverse",
+    "pac-cli",
+    "model-driven"
+  ]
+}

plugins/power-apps/AGENTS.md

@@ -0,0 +1,90 @@
+# Power Apps Plugin - Development Guidelines
+
+This file provides instructions for Claude Code when working on the Power Apps plugin specifically.
+
+## Overview
+
+The Power Apps plugin helps users build and deploy Power Apps generative pages (genux pages) for model-driven apps. It provides an interactive workflow from requirements gathering through PAC CLI deployment, generating React 17 + TypeScript + Fluent UI V9 single-file components.
+
+This is a single-session workflow plugin — no memory bank is needed. Each `/genpage` invocation completes the full cycle: validate prerequisites, gather requirements, generate schema, produce code, and deploy.
+
+## Skills
+
+| Skill | Description |
+|-------|-------------|
+| `/genpage` | Build and deploy a generative page for a model-driven Power App |
+
+### Skill Structure
+
+```
+skills/<skill-name>/
+└── SKILL.md                    # Main skill workflow (links to shared/)
+
+../../shared/                   # Shared resources (references + samples)
+├── references/
+│   ├── genux-rules-reference.md
+│   ├── pac-cli-reference.md
+│   └── troubleshooting.md
+└── samples/                    # Example .tsx files
+```
+
+### Skill Header Pattern
+
+```markdown
+---
+name: genpage
+description: Does X for Y     # Third person, specific, <160 chars
+user-invocable: true
+allowed-tools: [...]
+---
+
+# Skill Title
+```
+
+### Writing Clean Skills (Anti-Bloat Guidelines)
+
+Follow these rules to keep skills concise and effective:
+
+**DO:**
+- Keep SKILL.md under 500 lines total
+- Use short, descriptive `name` field (e.g., `genpage`)
+- Write descriptions in third person ("Creates X" not "This skill guides you through creating X")
+- Use numbered lists for workflows instead of ASCII diagrams
+- Trust Claude's intelligence - omit explanations of well-known concepts
+- Use progressive disclosure: SKILL.md for workflow, reference files for details
+- Link to shared references inline: `See [troubleshooting.md](../../shared/references/troubleshooting.md)`
+
+**DON'T:**
+- Start with "This skill/document guides/covers/describes..." (AI slop)
+- Include ASCII workflow diagrams (waste 50+ lines)
+- Duplicate content between summary and action sections
+- Explain obvious concepts Claude already knows
+- Add verbose tables for simple lists (use inline format instead)
+- Repeat the same information in multiple places
+
+## Key Concepts
+
+### Genux Pages
+
+Generative pages (genux) are React 17 + TypeScript single-file components that run inside model-driven Power Apps. They use Fluent UI V9 for styling and the DataAPI for Dataverse data access. Each page is a single `.tsx` file with `export default GeneratedComponent`.
+
+### Model-Driven Apps
+
+Power Apps model-driven apps are data-first applications built on Dataverse. Genux pages extend these apps with custom React-based UI pages deployed via PAC CLI.
+
+### DataAPI
+
+The DataAPI (`props.dataApi`) provides typed CRUD operations against Dataverse tables. It uses RuntimeTypes.ts (generated by `pac model genpage generate-types`) for type safety. Column names must be verified from the generated schema — never guessed.
+
+### RuntimeTypes
+
+TypeScript type definitions generated from Dataverse metadata. Contains entity types, enum registrations, and the `GeneratedComponentProps` interface. Generated via PAC CLI before code generation to ensure correct column names.
+
+## Testing Changes
+
+After modifying this plugin:
+
+1. Run `claude --debug` to see plugin loading details
+2. Test skill invocation with `/genpage`
+3. Verify tool restrictions work (should only allow pac, powershell, node commands)
+4. Test with both Dataverse entity pages and mock data pages

plugins/power-apps/commands/genpage.md

@@ -0,0 +1,12 @@
+# Build Generative Page
+
+Read and follow the instructions in `${CLAUDE_PLUGIN_ROOT}/skills/genpage/SKILL.md`.
+
+**Important**:
+
+- Do not announce steps - just execute them
+- Validate prerequisites (Node.js, PAC CLI) before proceeding
+- Generate RuntimeTypes.ts schema BEFORE writing any code for Dataverse pages
+- NEVER guess column names - always verify from generated schema
+- Ask user which app to deploy to - never assume a default
+- Use PAC CLI for all deployment operations