Official agent skill

Power Apps Code App Scaffold

by github in github/awesome-copilot

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

OfficialMITAuto-check passedDevelopment

Install Power Apps Code App Scaffold

skills CLI
$ npx skills add github/awesome-copilot --skill power-apps-code-app-scaffold -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install github/awesome-copilot power-apps-code-app-scaffold --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/github/awesome-copilot.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/power-apps-code-app-scaffold .claude/skills/power-apps-code-app-scaffold && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
power-apps-code-app-scaffold
GitHub stars
40k
Used in
1 other repo
Token cost
~1.8k tokens
SKILL.md length
760 words
Files
1
Skills in repo
417
Repo updated
First seen
Licence
MIT

At a glance

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

  • Works in 6 steps: Project Initialization → Essential Configuration Files → Project Structure → …
  • Tasks that involve Project scaffolding
  • SKILL.md covers Context, Task, Implementation Guidelines and Deliverables
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Power Apps Code App Scaffold is an agent skill from github/awesome-copilot, published by the product's own GitHub organization. Scaffold a complete Power Apps Code App project with PAC CLI setup, SDK integration, and connector configuration

Its SKILL.md is about 1.8k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Development, covering Project scaffolding and Third-party API integration. It works with Vite, TypeScript and Power Automate. The repository describes itself as: Community-contributed instructions, agents, skills, and configurations to help you make the most of GitHub Copilot. The licence is MIT.

When your agent uses it

  • Tasks that involve Project scaffolding
  • Tasks that involve Third-party API integration

Example prompts

  • “/power-apps-code-app-scaffold”

Requirements

  • Node.js

Workflow steps

6 steps, taken from the step headings in SKILL.md.

  1. Project Initialization
  2. Essential Configuration Files
  3. Project Structure
  4. Development Scripts Setup
  5. Sample Implementation
  6. Documentation

What it can do on your machine

Read from SKILL.md and the folder at commit 7cce7cf. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are typescript).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Links to these hosts (documentation or services it may open):

    • github.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Power Apps Code App Scaffold loads about 1.8k tokens when it runs. Until then it costs about 35 tokens; SKILL.md has 760 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~35
When it runs · the whole SKILL.md, loaded when a task matches
~1.8k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from github/awesome-copilot at commit 7cce7cf, republished under its MIT licence (© github). 760 words, ~1,786 tokens.

Download SKILL.mdSave it as .claude/skills/power-apps-code-app-scaffold/SKILL.md (or your agent's skills folder).
name
power-apps-code-app-scaffold
description
Scaffold a complete Power Apps Code App project with PAC CLI setup, SDK integration, and connector configuration

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:

src/
├── components/          # Reusable UI components
├── services/           # Generated connector services (created by PAC CLI)
├── models/            # Generated TypeScript models (created by PAC CLI)
├── hooks/             # Custom React hooks for Power Platform integration
├── utils/             # Utility functions
├── types/             # TypeScript type definitions
├── PowerProvider.tsx  # Power Platform initialization component
└── main.tsx          # Application entry point
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. Sample Implementation

Include a basic sample that demonstrates:

  • Power Platform authentication and initialization using PowerProvider component
  • Connection to at least one supported connector (Office 365 Users recommended)
  • TypeScript usage with generated models and services
  • Error handling and loading states with try/catch patterns
  • Responsive UI using Fluent UI React components (following official samples)
  • Proper PowerProvider implementation with useEffect and async initialization
Advanced Patterns to Consider (Optional)
  • Multi-environment configuration: Environment-specific settings for dev/test/prod
  • Offline-first architecture: Service worker and local storage for offline functionality
  • Accessibility features: ARIA attributes, keyboard navigation, screen reader support
  • Internationalization setup: Basic i18n structure for multi-language support
  • Theme system foundation: Light/dark mode toggle implementation
  • Responsive design patterns: Mobile-first approach with breakpoint system
  • Animation framework integration: Framer Motion for smooth transitions
6. Documentation

Create comprehensive README.md with:

  • Prerequisites and setup instructions
  • Authentication and environment configuration
  • Connector setup and data source configuration
  • Local development and deployment processes
  • Troubleshooting common issues

Implementation Guidelines

Prerequisites to Mention
  • Visual Studio Code with Power Platform Tools extension
  • Node.js (LTS version - v18.x or v20.x recommended)
  • Git for version control
  • Power Platform CLI (PAC CLI) - latest version
  • Power Platform environment with Code Apps enabled (admin setting required)
  • Power Apps Premium licenses for end users
  • Azure account (if using Azure SQL or other Azure connectors)
Show full SKILL.md (319 more words)Show less
PAC CLI Commands to Include
  • pac auth create --environment {environment-id} - Authenticate with specific environment
  • pac env select --environment {environment-url} - Select target environment
  • pac code init --displayName "App Name" - Initialize code app project
  • pac connection list - List available connections
  • pac code add-data-source -a {api-name} -c {connection-id} - Add connector
  • pac code push - Deploy to Power Platform
Officially Supported Connectors

Focus on these officially supported connectors with setup examples:

  • SQL Server (including Azure SQL): Full CRUD operations, stored procedures
  • SharePoint: Document libraries, lists, and sites
  • Office 365 Users: Profile information, user photos, group memberships
  • Office 365 Groups: Team information and collaboration
  • Azure Data Explorer: Analytics and big data queries
  • OneDrive for Business: File storage and sharing
  • Microsoft Teams: Team collaboration and notifications
  • MSN Weather: Weather data integration
  • Microsoft Translator V2: Multi-language translation
  • Dataverse: Full CRUD operations, relationships, and business logic
Sample Connector Integration

Include working examples for Office 365 Users:

typescript
// Example: Get current user profile
const profile = await Office365UsersService.MyProfile_V2("id,displayName,jobTitle,userPrincipalName");

// Example: Get user photo
const photoData = await Office365UsersService.UserPhoto_V2(profile.data.id);
Current Limitations to Document
  • Content Security Policy (CSP) not yet supported
  • Storage SAS IP restrictions not supported
  • No Power Platform Git integration
  • No Dataverse solutions support
  • No native Azure Application Insights integration
Best Practices to Include
  • Use port 3000 for local development (required by Power Apps SDK)
  • Set verbatimModuleSyntax: false in TypeScript config
  • Configure vite.config.ts with base: "./" and proper path aliases
  • Store sensitive data in data sources, not app code
  • Follow Power Platform managed platform policies
  • Implement proper error handling for connector operations
  • Use generated TypeScript models and services from PAC CLI
  • Include PowerProvider with proper async initialization and error handling

Deliverables

  1. Complete project scaffolding with all necessary files
  2. Working sample application with connector integration
  3. Comprehensive documentation and setup instructions
  4. Development and deployment scripts
  5. TypeScript configuration optimized for Power Apps Code Apps
  6. Best practices implementation examples

Ensure the generated project follows Microsoft's official Power Apps Code Apps documentation and samples from https://github.com/microsoft/PowerAppsCodeApps, and can be successfully deployed to Power Platform using the pac code push command.

© github, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in skills/power-apps-code-app-scaffold of github/awesome-copilot.

Open the folder on GitHubat commit 7cce7cf

Used in 1 other repository

We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in github/awesome-copilot, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Power Apps Code App Scaffold next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Power Apps Code App Scaffold compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Power Apps Code App Scaffold this skillgithub/awesome-copilot40k1 repos~1.8kAutomated safety check: PassMIT
Mirage VFS Adapter Authoringstrukto-ai/mirage3.7k—~2.5kAutomated safety check: PassApache-2.0
Upgrade Starter Kitworkadventure/map-starter-kit156—~1.3kAutomated safety check: NotesCustom licence
Pixijs Createpixijs/pixijs-skills346—~3.1kAutomated safety check: PassMIT
holaOS App Builder SDKholaboss-ai/holaOS11k—~11kAutomated safety check: PassCustom licence
Javascript Typescript Typescript Scaffoldaiskillstore/marketplace4307 repos~2kAutomated safety check: NotesNone

Similar skills

  • Builds or extends a custom Mirage virtual filesystem adapter for an API, database, object store or app data, with a working mount configuration and filesystem tests.

    3.7k GitHub stars~2.5k tokensUpdated today
    DevelopmentAuto-check passed
  • Upgrade Starter Kit

    workadventure/map-starter-kit

    Upgrade a WorkAdventure map repository to the latest version of the map-starter-kit (github.com/workadventure/map-starter-kit) - refreshes package.json dependencies, vite/tsconfig/build config, CI…

    156 GitHub stars~1.3k tokensUpdated 5 days ago
    DevelopmentAuto-check: notes
  • Pixijs Create

    pixijs/pixijs-skills

    A skill your agent uses when scaffolding a new PixiJS v8 project with the create-pixi CLI or adding PixiJS to an existing project.

    346 GitHub stars~3.1k tokensUpdated 6 days ago
    DevelopmentAuto-check passed
  • holaOS App Builder SDK

    holaboss-ai/holaOS

    Builds new holaOS apps with @holaboss/app-builder-sdk, either as integration-only MCP modules or as dashboard apps with a shadcn UI under src/client/.

    11k GitHub stars~11k tokensUpdated 1 mo ago
    DevelopmentAuto-check passed
  • You are a TypeScript project architecture expert specializing in scaffolding production-ready Node.js and frontend applications.

    430 GitHub starsUsed in 7 repos~2k tokens
    DevelopmentAuto-check: notes
  • Create Code App

    microsoft/power-platform-skills

    Official

    Creates Power Apps code apps using React and Vite. An agent skill from microsoft/power-platform-skills.

    972 GitHub stars~4.2k tokensUpdated today
    DevelopmentAuto-check: notes

More from github/awesome-copilot

All 417 skills in this repo
  • Acquire Codebase Knowledge

    github/awesome-copilot

    Official

    Maps an unfamiliar codebase into seven evidence-backed documents in docs/codebase/, using a scan script and templates, for onboarding or architecture write-ups.

    40k GitHub starsUsed in 1 repo~2.3k tokens
    Auto-check passed
  • Azure Architecture Autopilot

    github/awesome-copilot

    Official

    Designs Azure infrastructure from a natural-language description, or diagrams an existing resource group, then refines the design through conversation and deploys it with Bicep.

    40k GitHub starsUsed in 1 repo~1.9k tokens
    Auto-check passed
  • Draw.io Diagram Generator

    github/awesome-copilot

    Official

    Generates, edits and validates draw.io files with correct mxGraph XML, covering flowcharts, architecture, sequence, ER and UML class diagrams.

    40k GitHub starsUsed in 1 repo~4.9k tokens
    Auto-check passed
  • Credit Risk Data Cleaning

    github/awesome-copilot

    Official

    Cleans raw credit data and screens variables before loan modeling, dropping unstable, noisy or redundant features and writing an Excel report of every step.

    40k GitHub starsUsed in 1 repo~1.5k tokens
    Auto-check passed
  • Daily Focus Board

    github/awesome-copilot

    Official

    Builds a warm, browser-based daily focus board the user updates by talking to their agent, with Eisenhower priorities, a brain-dump box and kind not-today carryover.

    40k GitHub stars~3k tokensUpdated today
    Auto-check passed
  • Python Pypi Package Builder

    github/awesome-copilot

    Official

    End-to-end skill for building, testing, linting, versioning, and publishing a production-grade Python library to PyPI.

    40k GitHub starsUsed in 1 repo~4.6k tokens
    Auto-check passed

Questions about Power Apps Code App Scaffold

What does Power Apps Code App Scaffold do?

Scaffold a complete Power Apps Code App project with PAC CLI setup, SDK integration, and connector configuration. Power Apps Code App Scaffold is an agent skill from github/awesome-copilot, published by the product's own GitHub organization.

When should I use Power Apps Code App Scaffold?

Power Apps Code App Scaffold fits situations like: tasks that involve Project scaffolding; tasks that involve Third-party API integration.

How do I install Power Apps Code App Scaffold in Claude Code?

Run `npx skills add github/awesome-copilot --skill power-apps-code-app-scaffold -a claude-code`. Or copy the skill folder (skills/power-apps-code-app-scaffold in github/awesome-copilot) into .claude/skills/power-apps-code-app-scaffold in your project. Claude Code loads it when a task matches its description.

How do I install Power Apps Code App Scaffold in Codex?

Run `npx skills add github/awesome-copilot --skill power-apps-code-app-scaffold -a codex`. Or copy the skill folder (skills/power-apps-code-app-scaffold in github/awesome-copilot) into .agents/skills/power-apps-code-app-scaffold in your project. Codex loads it when a task matches its description.

Can I use Power Apps Code App Scaffold in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add github/awesome-copilot --skill power-apps-code-app-scaffold -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/power-apps-code-app-scaffold, .gemini/skills/power-apps-code-app-scaffold, .github/skills/power-apps-code-app-scaffold and .opencode/skills/power-apps-code-app-scaffold in your project.

What does Power Apps Code App Scaffold need to run?

SKILL.md names no scripts, command-line tools or credentials: Power Apps Code App Scaffold is instructions for the agent only. Our summary lists: Node.js.

Does Power Apps Code App Scaffold access the network?

SKILL.md names 1 domain. As links in the text: github.com. This is read from the text; nothing was executed.

Is Power Apps Code App Scaffold safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Power Apps Code App Scaffold use?

Power Apps Code App Scaffold is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Power Apps Code App Scaffold use?

About 1.8k tokens (SKILL.md is roughly 7.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Power Apps Code App Scaffold?

Skills that share tags, products or a category with Power Apps Code App Scaffold: Mirage VFS Adapter Authoring (strukto-ai/mirage, 3.7k stars), Upgrade Starter Kit (workadventure/map-starter-kit, 156 stars), Pixijs Create (pixijs/pixijs-skills, 346 stars) and holaOS App Builder SDK (holaboss-ai/holaOS, 11k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Power Apps Code App Scaffold?

github (a GitHub organization, an official publisher) maintains it in github/awesome-copilot, which has 39,792 GitHub stars. The repository holds 417 skills in this directory. The repository was last updated on October 8, 2026.

Source: github/awesome-copilot on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.