What problem does it solve? Complex Blazor pages often grow into monolithic components that are hard to test, reuse, and maintain. This Skill guides the decomposition of multi-section UI features into small, composable components with clear state ownership and data flow, then implements them. ## Core Features & Use Cases - Component Decomposition Planning: Maps visual regions into a component tree, classifies each component by responsibility, render mode, and estimated size. - Data Flow Design: Defines state ownership, parameter flow downward, and EventCallback flow upward, with guidance on cascading values and scoped services. - Bottom-Up Implementation Order: Builds models, services, leaf components, containers, and finally the page component so every file compiles independently. - Use Case: When asked to build an inventory dashboard with a summary bar, filters, a sortable table, and an add-product form, the Skill produces a component tree and data flow map, then immediately creates each .razor file in dependency order. ## Quick Start Ask the agent to build a complex Blazor page such as a dashboard with filters, a data table, and a form, and it will plan the component decomposition and implement it.
