skills.rest
HouseGarofalo
HouseGarofaloOFFICIAL
Explore all skills by this author →
GitHub

power-apps

Develop PCF controls with React and TypeScript for Power Apps.

3|1|Updated Feb 2, 2026
Search Tags:#low-code#microsoft power platform#pcf#power apps#power fx#canvas apps#model-driven apps
One-click install
npx skills add https://github.com/HouseGarofalo/claude-code-base --skill power-apps-housegarofalo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: power-apps
Source: https://github.com/HouseGarofalo/claude-code-base/tree/main/.claude/skills/power-apps
Command: npx skills add https://github.com/HouseGarofalo/claude-code-base --skill power-apps-housegarofalo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides expert guidance and code snippets for developing, customizing, and testing Microsoft Power Apps, streamlining the creation of business applications.

Core Features & Use Cases

  • Power Apps Component Framework (PCF): Develop custom reusable components using React and TypeScript.
  • Power Fx Formulas: Write efficient and delegable formulas for canvas apps and model-driven apps.
  • Model-Driven App Customization: Customize forms and logic using JavaScript web resources.
  • Testing: Utilize the Power Apps Test Engine for automated testing of applications.
  • Use Case: You need to create a custom PCF control for a Power App that displays data in a unique grid format, or you need to write a complex Power Fx formula to handle data patching.

Quick Start

Use the power-apps skill to initialize a new PCF field control with React and TypeScript.

Frequently Asked Questions about power-apps

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a custom PCF control using React and TypeScript for Power Apps?▼

To create a PCF control, you initialize a new Power Apps Component Framework field project using React and TypeScript. This allows you to build custom reusable components for canvas apps and model-driven apps.

What's the best way to write delegable Power Fx formulas for canvas apps?▼

Writing delegable Power Fx formulas ensures your canvas apps process large datasets efficiently without hitting row limits. You construct expressions using supported delegable functions to patch data and handle logic natively.

Can I use JavaScript web resources to customize model-driven app forms?▼

Yes, you can customize model-driven app forms using JavaScript web resources. This approach lets you inject custom logic and modify form behavior directly within the Microsoft Power Platform environment.

How does the Power Apps Test Engine work for automated testing?▼

The Power Apps Test Engine executes automated testing by simulating user interactions and validating application behavior. It ensures your canvas apps and model-driven apps function correctly before deployment.

Do I need React and TypeScript to build Power Apps Component Framework controls?▼

Using React and TypeScript is the standard approach for building PCF controls, providing robust component architecture and type safety. It enables you to develop complex custom UI elements for your Power Apps.

Related Skills

Explore More Software Engineering Skills→
pingqLINpingqLIN

pcf-tooling

Set up Microsoft Power Platform CLI for PCF component development.

Community
Basic
korchard333korchard333
46

test-engine

Automate end-to-end UI testing for Power Platform apps with Playwright.

Community
Advanced
Umbral-BotUmbral-Bot

power-apps

Develop and debug Microsoft Power Apps with Power Fx formulas and data connectors.

Official
Intermediate
korchard333korchard333
46

pcf

Build PCF controls for Power Platform using ReactControl and Fluent UI patterns.

Community
Advanced