What problem does it solve? Complex Blazor pages often become monolithic components with hundreds of lines of markup that are impossible to test, reuse, or maintain. This Skill guides the decomposition of large UI features into focused components with clear data flow before any code is written. ## 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 and maps parameter-down, EventCallback-up data flow between parent and child components. - Bottom-Up Implementation Ordering: Sequences implementation from models and services through leaf components to the page component. - 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, a data flow map, and an ordered implementation plan, then immediately builds each .razor file. ## Quick Start Ask the AI to plan and build a multi-section Blazor dashboard page with filters, a data table, and a form using this Skill.
