What frameworks does this skill support?

This skill is specifically designed for Blazor applications using the MudBlazor component library and design system.

Does it support custom hex colors?

No, the skill enforces the use of MudBlazor semantic color enums (e.g., Color.Primary, Color.Success) to maintain design system integrity.

How does it handle asynchronous data loading?

It provides standardized patterns for displaying MudProgressLinear indicators during async operations and handling error states with MudAlert components.

Can it create responsive layouts?

Yes, it utilizes MudBlazor's built-in spacing and grid classes to ensure components and pages are mobile-friendly and responsive.

Frontend Development & MudBlazor UI

Name: Frontend Development & MudBlazor UI
Author: wkallhof

bywkallhof

0•

Design Tools

Builds production-ready Blazor components and layouts adhering to the MudBlazor design system and project-specific conventions.

This skill streamlines frontend development within the Blazor ecosystem by enforcing consistent implementation patterns using the MudBlazor design system. It provides automated guidance for creating reusable components, layouts, and pages while strictly adhering to semantic color usage, typography standards, and responsive design principles. Ideal for building data-driven applications, it ensures that critical UI states—such as loading, empty results, and error handling—are implemented consistently, alongside specialized visualizations like qualification chips and scorecards for lead management systems.

Key Features

01Standardized MudBlazor component and page generation

02Consistent typography and spacing via MudBlazor classes

03Semantic color mapping for status-based UI elements

04Integrated patterns for loading, empty, and error states

05Reusable data grid and dashboard card templates

060 GitHub stars

Use Cases

01Developing lead qualification dashboards with status-based coloring

02Creating consistent data entry forms and detail views in Blazor

03Implementing responsive layouts using MudBlazor's grid system

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add wkallhof/pgl-qualifier frontend-dev

For use in Claude.ai and ChatGPT

Key Features

01Standardized MudBlazor component and page generation

02Consistent typography and spacing via MudBlazor classes

03Semantic color mapping for status-based UI elements

04Integrated patterns for loading, empty, and error states

05Reusable data grid and dashboard card templates

060 GitHub stars

Use Cases

01Developing lead qualification dashboards with status-based coloring

02Creating consistent data entry forms and detail views in Blazor

03Implementing responsive layouts using MudBlazor's grid system

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add wkallhof/pgl-qualifier frontend-dev

For use in Claude.ai and ChatGPT