power-apps-code-app-scaffold

SKILL.md

Complete Power Apps Code App project scaffold with PAC CLI integration, SDK setup, and connector configuration.

Scaffolds a Vite + React + TypeScript project configured for Power Apps Code Apps, including Power Apps SDK (@microsoft/power-apps ^0.3.1) and PAC CLI initialization

Generates essential configuration files (vite.config.ts, power.config.json, PowerProvider.tsx, tsconfig.json) and organized folder structure for components, services, models, hooks, and utilities

Includes development scripts for parallel execution (dev, build, preview, lint) and PAC CLI commands for authentication, environment selection, connector management, and deployment

Provides working sample implementation with Office 365 Users connector, TypeScript models, error handling, Fluent UI components, and PowerProvider initialization pattern

Documents prerequisites (Node.js LTS, PAC CLI, Power Platform environment), supported connectors (SQL Server, SharePoint, Dataverse, Teams, OneDrive), current limitations, and best practices for secure development

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)