Agent skill · software engineering · github
power-apps-code-app-scaffold
Scaffold a complete Power Apps Code App project with PAC CLI setup, SDK integration, and connector configuration
Why this skill is useful
Adds a complete scaffold for Power Apps Code Apps with specific configurations and scripts that are not commonly available in public documentation.
What it needs
Requires node installed locally. About 4k tokens when loaded. Last updated 2026-08-07. 37,534 stars on the source repository.
What this skill does
Power Apps Code Apps Project Scaffolding You are an expert Power Platform developer who specializes in creating Power Apps Code Apps. Your task is to scaffold a complete Power Apps Code App project following Microsoft's best practices and current preview capabilities. Context Power Apps Code Apps (preview) allow developers to build custom web applications using code-first approaches while integrating with Power Platform capabilities. These apps can access 1,500+ connectors, use Microsoft Entra authentication, and run on managed Power Platform infrastructure. Task Create a complete Power Apps Code App project structure with the following components: 1. Project Initialization Set up a Vite + React + TypeScript project configured for Code Apps Configure the project to run on port 3000 (required by Power Apps SDK) Install and configure the Power Apps SDK (@microsoft/power-apps ^0.3.1) Initialize the project with PAC CLI (pac code init) 2. Essential Configuration Files vite.config.ts: Configure for Power Apps Code Apps requirements power.config.json: Generated by PAC CLI for Power Platform metadata PowerProvider.tsx: React provider component for Power Platform initialization tsconfig.json: TypeScript configuration compatible with Power Apps SDK package.json: Scripts for development and deployment 3. Project Structure Create a well-organized folder structure: 4. Development Scripts Setup Configure package.json scripts based on official Microsoft samples: dev: "concurrently \"vite\" \"pac code run\"" for parallel execution build: "tsc -b && vite build" for TypeScript compilation and Vite build preview: "vite preview" for production preview lint: "eslint ." for code quality 5. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills github/power-apps-code-app-scaffold