skills.rest
korchard333
korchard333COMMUNITY
Explore all skills by this author →
GitHub

pcf

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

46|6|Updated Mar 31, 2026
Search Tags:#typescript#react#manifest#dataset#fluent-ui#power-platform#pcf
One-click install
npx skills add https://github.com/korchard333/claude-power-platform-community --skill pcf
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pcf
Source: https://github.com/korchard333/claude-power-platform-community/tree/main/.claude/skills/pcf
Command: npx skills add https://github.com/korchard333/claude-power-platform-community --skill pcf

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

PCF development for Power Platform can be complex and repetitive; this Skill provides structured patterns, examples, and best practices to streamline building robust PCF controls.

Core Features & Use Cases

  • ReactControl and StandardControl implementations to cover virtual and legacy PCF controls.
  • Fluent UI v9 integration guidance and manifest-pattern references for reliable UI and deployment.
  • DataSet and manifest pattern guidance, debugging tips, and production-ready lifecycle management.

Quick Start

Install the pac CLI, scaffold a new PCF control with pac pcf init, install dependencies, and start the local test harness.

Frequently Asked Questions about pcf

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

FAQPage Schema
How do I build Power Platform PCF controls using React and Fluent UI?▼

Build Power Platform PCF controls by implementing ReactControl patterns with Fluent UI v9 integration. This approach provides structured manifest references and production-ready lifecycle management for reliable UI deployment.

What is the difference between ReactControl and StandardControl implementations for PCF?▼

ReactControl implementations cover virtual PCF controls using React, while StandardControl covers legacy PCF controls. Both patterns apply across Model-Driven and Canvas Apps within the Power Platform environment.

How do I create a dataset control for a Power Apps PCF project?▼

Create a dataset control for Power Apps PCF by applying specific manifest patterns and dataset guidance. This includes configuring the manifest for data-bound scenarios and following structured debugging workflows.

Can I use Fluent UI v9 components in a Power Platform custom control?▼

Yes, you can integrate Fluent UI v9 components in a Power Platform custom control. The integration provides reliable UI patterns and manifest references to ensure proper rendering and deployment across Model-Driven and Canvas Apps.

What are the steps to scaffold and test a PCF control locally?▼

Scaffold and test a PCF control locally by installing the pac CLI, running pac pcf init, installing dependencies, and starting the local test harness to validate behavior before deployment.

Does this PCF guidance cover deployment steps for Model-Driven and Canvas Apps?▼

Yes, this PCF guidance covers deployment steps for both Model-Driven and Canvas Apps. It provides production-grade lifecycle management, manifest patterns, and debugging workflows to streamline the deployment process.

Related Skills

Explore More Software Engineering Skills→
pingqLINpingqLIN

power-apps-code-apps

Develop Power Apps Code Apps with TypeScript, React, and Vite.

Community
Advanced
pingqLINpingqLIN

pcf-sample-components

Download, build, and import sample Power Apps Component Framework controls from GitHub.

Community
Basic
pingqLINpingqLIN

pcf-fluent-modern-theming

Apply Fluent UI React v9 theming to Power Apps Component Framework controls.

Community
Intermediate
pingqLINpingqLIN

pcf-overview

Explain the Power Apps Component Framework for custom code components in model-driven and canvas apps.

Community
Basic