What problem does it solve? Canvas Power Apps often suffer from copy-pasted control clusters, absolute X/Y layouts that break on resize, and formatting needs that native Labels cannot express. This Skill guides the creation of reusable components with typed custom properties, responsive container-based layouts, and rich HTML content rendered through the HtmlText control. ## Core Features & Use Cases - Reusable components with typed contracts: Define Data, Function, Behavior/Action, and Event custom properties so components expose clean inputs and outputs, and share them across apps via component libraries. - Responsive layouts with containers: Replace absolute coordinates with Horizontal/Vertical containers, FillPortions, and Parent.Width/Parent.Height formulas so screens reflow across sizes. - Rich content via HtmlText: Render tables, badges, and inline-styled markup in Power Fx with the restricted HTML subset, using EncodeHTML for untrusted data. - Use Case: You need the same KPI card on five dashboards. Build a StatCard component with Label, Value, AccentColor, and Trend input properties plus an OnCardSelect event, then reuse it across screens and propagate updates through a component library. ## Quick Start Ask the assistant to create a reusable Power Apps component with typed input and output properties, or to convert an absolute-positioned screen into a responsive container layout.
