power-apps-code-app-scaffold Skill (awesome-copilot): Scaffold a Power Apps Code App

Scaffolds a Power Apps Code App project with Vite, React, the Power Apps SDK, PAC CLI setup and a connector sample.

Installs: 8.7K; on skills.sh
Stars: 40.7K; on GitHub
Updated: Oct 2026; last repo commit

This skill has your assistant build a complete Power Apps Code App project. It sets up Vite, React and TypeScript on port 3000, installs the Power Apps SDK, runs pac code init and adds a PowerProvider and a working Office 365 Users sample.

It needs Node.js, the Power Platform CLI and an environment with Code Apps enabled. It bundles no scripts. Code Apps are a preview feature, and the SKILL.md lists five unsupported features.

Good for

Developers building code-first apps on Power Platform
Teams wiring a React app to Power Platform connectors such as SQL Server or SharePoint
Power Platform makers moving from canvas apps to TypeScript

Install power-apps-code-app-scaffold

Claude Code

1
Download the skill folder from https://github.com/github/awesome-copilot/tree/HEAD/skills/power-apps-code-app-scaffold.
2
Put it at ~/.claude/skills/power-apps-code-app-scaffold/ so that SKILL.md sits directly inside.
3
Start a new session; the skill loads when its description matches the task.

Requires Node.js, Power Platform CLI (pac).

Pick one route. The Copilot plugin route installs power-apps-code-apps, which lists this skill and the Power Platform Expert agent and no hooks or MCP servers. The skills CLI and folder routes install only this skill. The skill runs npm and pac commands in your project, so there is no Claude app upload route.

Built from the package data we hold. Not yet tested by us.

What's in the skill

When it loads

Scaffold a complete Power Apps Code App project with PAC CLI setup, SDK integration, and connector configuration

Sections in SKILL.md

Context
Task
1. Project Initialization
2. Essential Configuration Files
3. Project Structure
4. Development Scripts Setup
5. Sample Implementation
6. Documentation
Implementation Guidelines
Prerequisites to Mention
PAC CLI Commands to Include
Officially Supported Connectors
Sample Connector Integration
Current Limitations to Document
Best Practices to Include
Deliverables

Key facts

Author: Awesome Copilot Community (listed as the plugin author)
License: MIT
Installs on skills.sh: 8,742 (Nov 2, 2026)
GitHub stars: 40,666 for the whole github/awesome-copilot repo (Nov 2, 2026)
Last repo commit: Oct 30, 2026
Audits on skills.sh: Gen Agent Trust Hub: pass, Socket: pass, Snyk: pass
What it includes: 1 file including SKILL.md
Part of: Copilot plugin power-apps-code-apps: this skill and the Power Platform Expert agent
Needs: Node.js, the Power Platform CLI (pac), a Power Platform environment with Code Apps enabled; Power Apps Premium for end users

What it includes

Vite, React and TypeScript on port 3000 with the Power Apps SDK, then pac code init.
The SKILL.md pins the SDK at ^0.3.1 and says port 3000 is required by the Power Apps SDK.
Runs code · Project initialization
vite.config.ts, power.config.json, PowerProvider.tsx, tsconfig.json, package.json scripts.
power.config.json is generated by the PAC CLI. The dev script runs vite and pac code run together.
Write · Configuration files
src/ with components, services, models, hooks, utils, types, PowerProvider, main.tsx.
The PAC CLI generates the services and models folders.
Write · Folder structure
An Office 365 Users sample with Fluent UI React, loading and error states.
It calls the profile and user photo functions of the Office 365 Users connector.
Sample app
pac auth create, env select, code init, connection list, code add-data-source, code push.
code add-data-source adds a connector. code push deploys the app to Power Platform.
Runs code · PAC CLI commands
Ten connectors with setup examples, such as SQL Server, SharePoint and Dataverse.
The others are Office 365 Users, Office 365 Groups, Azure Data Explorer, OneDrive for Business, Microsoft Teams, MSN Weather and Microsoft Translator V2.
Supported connectors
Lists five unsupported features, such as CSP and Git integration, plus best practices.
Practices include port 3000, verbatimModuleSyntax set to false and base "./" in vite.config.ts.
Limitations and practices
Writes a README with prerequisites, auth, connector setup, deployment and troubleshooting.
The six deliverables include the working sample and the TypeScript configuration.
Write · README and deliverables

From the official docs

Permissions

Medium risk

It installs packages, can sign in to a Power Platform environment and can deploy to it with pac code push. Confirm the selected environment before it runs.

What it can do

Read your data
Create and change things
Delete things
Read-only mode

Watch out for

It can deploy to your Power Platform environment
pac code push publishes the app to the environment you selected with pac env select. Confirm the environment ID before you let it run. github.com
It signs in and adds connectors
pac auth create signs in to an environment and pac code add-data-source connects an existing connection, such as SQL Server or SharePoint. github.com
The plugin also adds an agent
The power-apps-code-apps plugin lists the Power Platform Expert agent. Its file sets a model and no tool list. github.com

Technical details

Turning on read-only	No read-only mode. The skill scaffolds and configures a project.
Talks to	npm registry (project dependencies). Your Power Platform environment (through the PAC CLI)
Scopes	Creates a project and installs npm packages including @microsoft/power-apps Signs in to a Power Platform environment with pac auth create Adds connectors with pac code add-data-source and deploys with pac code push

Questions

What does power-apps-code-app-scaffold do?

It makes your assistant scaffold a Power Apps Code App: a Vite, React and TypeScript project wired to the Power Apps SDK and the PAC CLI, with a sample that reads from the Office 365 Users connector. It also writes a README and the dev and build scripts.

What do I need first?

The SKILL.md lists Visual Studio Code with the Power Platform Tools extension, Node.js (LTS, v18.x or v20.x recommended), Git, the latest Power Platform CLI, a Power Platform environment with Code Apps enabled by an admin, and Power Apps Premium licenses for end users. An Azure account is needed for Azure connectors.

How do I install it?

Use the install box above. The Copilot CLI tab installs the power-apps-code-apps plugin, which adds this skill and a Power Platform Expert agent. The other routes install only this skill.

Will it deploy my app?

The SKILL.md lists pac code push, which deploys to Power Platform, and says the project should be deployable with it. Running it is a separate step, and it needs pac auth and a selected environment. Check which environment is selected first.

Is it safe?

It bundles no scripts. It creates a project and, if you let it, runs npm and pac commands that install packages, sign in to a Power Platform environment and can deploy to it. Code Apps are described as a preview feature, so expect changes.

What does it not support?

The SKILL.md lists five current limitations: no Content Security Policy support, no Storage SAS IP restrictions, no Power Platform Git integration, no Dataverse solutions support and no native Azure Application Insights integration.

Information

updated Nov 2, 2026

Repository: github/awesome-copilot
Folder: skills/power-apps-code-app-scaffold

github/awesome-copilot skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 5

power-apps-code-app-scaffold SKILL.md · github.com
plugin.json · github.com
power-apps-code-apps plugin README · github.com
awesome-copilot README · github.com
power-platform-expert.agent.md · github.com