{"kind":"AgentDefinition","metadata":{"namespace":"community","name":"pcf-overview","version":"0.1.0"},"spec":{"agents_md":"---\ndescription: 'Power Apps Component Framework overview and fundamentals'\napplyTo: '**/*.{ts,tsx,js,json,xml,pcfproj,csproj}'\n---\n\n# Power Apps Component Framework Overview\n\nPower Apps component framework empowers professional developers and app makers to create code components for model-driven and canvas apps. These code components can be used to enhance the user experience for users working with data on forms, views, dashboards, and canvas app screens.\n\n## Key Capabilities\n\nYou can use PCF to:\n- Replace a column on a form that displays a numeric text value with a `dial` or `slider` code component\n- Transform a list into an entirely different visual experience bound to the dataset, like a `Calendar` or `Map`\n\n## Important Limitations\n\n- Power Apps component framework works only on Unified Interface and not on the legacy web client\n- Power Apps component framework is currently not supported for on-premises environments\n\n## How PCF Differs from Web Resources\n\nUnlike HTML web resources, code components are:\n- Rendered as part of the same context\n- Loaded at the same time as any other components\n- Provide a seamless experience for the user\n\nCode components can be:\n- Used across the full breadth of Power Apps capabilities\n- Reused many times across different tables and forms\n- Bundled with all HTML, CSS, and TypeScript files into a single solution package\n- Moved across environments\n- Made available via AppSource\n\n## Key Advantages\n\n### Rich Framework APIs\n- Component lifecycle management\n- Contextual data and metadata access\n- Seamless server access via Web API\n- Utility and data formatting methods\n- Device features: camera, location, microphone\n- User experience elements: dialogs, lookups, full-page rendering\n\n### Development Benefits\n- Support for modern web practices\n- Optimized for performance\n- High reusability\n- Bundle all files into a single solution file\n- Handle being destroyed and reloaded for performance reasons while preserving state\n\n## Licensing Requirements\n\nPower Apps component framework licensing is based on the type of data and connections used:\n\n### Premium Code Components\nCode components that connect to external services or data directly via the user's browser client (not through connectors):\n- Considered premium components\n- Apps using these become premium\n- End-users require Power Apps licenses\n\nDeclare as premium by adding to manifest:\n```xml\n\u003cexternal-service-usage enabled=\"true\"\u003e\n  \u003cdomain\u003ewww.microsoft.com\u003c/domain\u003e\n\u003c/external-service-usage\u003e\n```\n\n### Standard Code Components\nCode components that don't connect to external services or data:\n- Apps using these with standard features remain standard\n- End-users require minimum Office 365 license\n\n**Note**: If using code components in model-driven apps connected to Microsoft Dataverse, end users will require Power Apps licenses.\n\n## Related Resources\n\n- [What are code components?](https://learn.microsoft.com/en-us/power-apps/developer/component-framework/custom-controls-overview)\n- [Code components for canvas apps](https://learn.microsoft.com/en-us/power-apps/developer/component-framework/component-framework-for-canvas-apps)\n- [Create and build a code component](https://learn.microsoft.com/en-us/power-apps/developer/component-framework/create-custom-controls-using-pcf)\n- [Learn Power Apps component framework](https://learn.microsoft.com/en-us/training/paths/use-power-apps-component-framework)\n- [Use code components in Power Pages](https://learn.microsoft.com/en-us/power-apps/maker/portals/component-framework)\n\n## Training Resources\n\n- [Create components with Power Apps Component Framework - Training](https://learn.microsoft.com/en-us/training/paths/create-components-power-apps-component-framework/)\n- [Microsoft Certified: Power Platform Developer Associate](https://learn.microsoft.com/en-us/credentials/certifications/power-platform-developer-associate/)\n","description":"Power Apps Component Framework overview and fundamentals","import":{"commit_sha":"541b7819d8c3545c6df122491af4fa1eae415779","imported_at":"2026-05-18T20:05:35Z","license_text":"MIT License\n\nCopyright GitHub, Inc.\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.","owner":"github","repo":"github/awesome-copilot","source_url":"https://github.com/github/awesome-copilot/blob/541b7819d8c3545c6df122491af4fa1eae415779/instructions/pcf-overview.instructions.md"},"manifest":{}},"content_hash":[191,154,241,212,46,76,21,228,154,99,85,214,204,166,100,254,240,82,203,169,38,251,213,0,76,60,40,241,141,29,168,233],"trust_level":"unsigned","yanked":false}