Skills
.Work. You
Rest

Frontend Development Skill

Community

Build Blazor UI with MudBlazor

Software Engineering#frontend#design system#component design#ui development#blazor#mudblazor
Authorwkallhof
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill streamlines the creation of user interfaces for the PLG Lead Qualification Tool by enforcing adherence to the MudBlazor design system and project conventions, ensuring consistency and quality in frontend development.

Core Features & Use Cases

  • Component Development: Guides the creation of Blazor components, pages, and layouts.
  • Design System Adherence: Ensures all UI elements follow the MudBlazor design system for colors, typography, and spacing.
  • State Management UI: Provides patterns for implementing loading, empty, and error states.
  • Use Case: When building a new dashboard page, this skill will help you create reusable components like stat cards and data grids, ensuring they match the project's visual style and handle data loading gracefully.

Quick Start

Use the frontend development skill to create a new Blazor component for displaying lead qualification scores, following the MudBlazor design system guidelines.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Frontend Development Skill
Download link: https://github.com/wkallhof/pgl-qualifier/archive/main.zip#frontend-development-skill

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.