Skip to content

rahulm-28/power-apps-code-apps-skills

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Power Apps Code Apps Plugin for Claude Code & GitHub Copilot CLI

Build, connect, and deploy Power Apps Code Apps using AI — from scaffold to pac code push in minutes.

Built by Rahul Mittal | Fills the gap in the official microsoft/power-platform-skills marketplace.


What is this?

This plugin gives Claude Code and GitHub Copilot CLI everything they need to build Power Apps Code Apps — React/Vue/TypeScript SPAs hosted natively within Microsoft Power Platform. It provides:

  • 9 skill files — deep knowledge context covering architecture, SDK APIs, Vite config, connectors, Dataverse, Copilot Studio, ALM, telemetry, and all known gotchas
  • 8 slash commands — agentic actions from scaffold to deployment
  • CLAUDE.md — root context file read on every session

The microsoft/power-platform-skills repo has plugins for Power Pages and Model Apps. Code Apps had no official plugin — until now.


Quick start

Install the plugin in Claude Code

/plugin marketplace add rahulm-28/power-apps-code-apps-skills
/plugin install code-apps@power-apps-code-apps-skills

Install the plugin in GitHub Copilot CLI

gh copilot plugin marketplace add rahulm-28/power-apps-code-apps-skills
gh copilot plugin install code-apps@power-apps-code-apps-skills

Use it

/scaffold-code-app
> "Build me a leave management app where employees can submit leave requests 
>  and managers can approve or reject them, with data in Dataverse"

Claude handles the rest: project scaffold, Vite config, SDK setup, pac code init, folder structure, starter components.


Available commands

Command Description
/scaffold-code-app Scaffold a new Code App with React + Vite + Power Apps SDK
/add-connector Add any of 1,500+ Power Platform connectors with typed services
/setup-dataverse Connect Dataverse tables, generate CRUD service classes and hooks
/add-copilot-studio Wire a Copilot Studio agent with a ready-to-use chat component
/deploy-code-app Build and deploy via pac code push with pre-flight validation
/check-env Validate prerequisites, auth, environment, and project config
/add-app-insights Set up Azure Application Insights with SDK logger integration
/create-solution Wrap in a Power Platform solution with GitHub Actions CI/CD

What are Power Apps Code Apps?

Code Apps let professional developers build SPAs using React, Vue, or TypeScript that run inside Power Platform with:

  • Automatic Microsoft Entra authentication — no code needed
  • Access to 1,500+ Power Platform connectors from JavaScript
  • Managed platform policies: DLP, Conditional Access, sharing limits
  • Native hosting in Power Platform — no Azure App Service needed
  • ALM via Power Platform solutions

They reached General Availability in February 2026.


What the AI agent knows (skills)

Skill Covers
Code Apps Overview Architecture, comparison with Canvas/PCF, prerequisites, limits
SDK API Reference getContext(), IContext, setConfig, generated service patterns
Project Setup Vite config, package.json scripts, power.config.json, dev server
Connector Patterns All major connectors, add-data-source, generated services, examples
Dataverse Patterns CRUD operations, OData filters, custom tables, relationships
Copilot Studio Integration ExecuteCopilotAsyncV2, chat components, error handling
ALM & Deployment Solutions, pac code push, CI/CD, GitHub Actions, env promotion
Gotchas & Limits All known pitfalls — the most important file
App Insights Telemetry SDK logger, setConfig, per-environment connection strings

Critical rules the agent enforces

  • ❌ Never calls initialize() — removed in SDK v1.0
  • ❌ Never uses PCF APIs (context.webAPI, Xrm.WebApi)
  • ❌ Never pins React 19 — always exactly 18.2.0
  • ❌ Never embeds a Code App in a Model-Driven App
  • ❌ Never skips pac code run in the dev script
  • ❌ Never edits src/generated/ files

Prerequisites

  • Node.js LTS (18.x or 20.x)
  • Power Platform CLI (npm install -g @microsoft/powerplatform-cli)
  • Power Platform environment with Code Apps enabled (admin setting in PPAC)
  • Power Apps Premium license for end users

Repository structure

.claude-plugin/marketplace.json     ← Marketplace registration
.claude/settings.json               ← Auto-allowed CLI tools
CLAUDE.md                           ← Root context (read every session)
AGENTS.md                           ← Contributor guidelines
plugins/code-apps/
  .claude-plugin/plugin.json        ← Skills + commands manifest
  skills/                           ← 9 knowledge context files
  commands/                         ← 8 slash command definitions
  resources/                        ← Supporting reference docs
  github/                           ← GitHub Copilot CLI instructions

Contributing

Issues and PRs welcome. See AGENTS.md for development guidelines.

When adding new skills or commands:

  • Test against a real Power Platform developer environment
  • No PCF API references allowed
  • Keep SDK version references current
  • Update 08-gotchas-and-limits.md if a new limitation is discovered

License

MIT — © Rahul Mittal


Related

About

Claude Code & GitHub Copilot CLI plugin for Power Apps Code Apps — scaffold, connect, and deploy React/TypeScript SPAs on Power Platform.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors