Browse Skills

UI UX Pro Max provides an offline design intelligence engine for Claude Code and other AI assistants, using BM25 search over local UI/UX rules. Use it to generate design systems and apply styles, palettes, and guidelines to frontend projects.

Icon Generator creates icons for applications, websites, and interfaces. Use it when you need custom icon assets or want to generate icon sets programmatically.

Author Blazor Component creates or reviews Blazor components (.razor files) with correct architecture for parameters, EventCallback, RenderFragment slots, lifecycle, async patterns, and disposal. Use it when writing new Blazor components that do not involve JavaScript interop, forms, prerendering, or HTTP data fetching.

Blazor JS Interop provides patterns for adding, reviewing, and fixing JavaScript interop in Blazor components. Use it for collocated .razor.js modules, IJSRuntime lifecycle, DotNetObjectReference callbacks, and batching interop calls.

Collect User Input builds forms, validates data, and reacts to user input in Blazor apps. Use it for adding forms, search boxes, filter panels, inline editing, data-entry UI, file uploads, and validation with DataAnnotations or custom rules.

Configure Auth adds authentication and authorization to a Blazor Web App, handling render mode interactions. Use it for [Authorize], AuthorizeView, role/policy access, Identity pages, or fixing null auth state after WebAssembly loads.

Convert Blazor Server to Web App guides migration of a pre-.NET 8 Blazor Server app to the .NET 8+ Blazor Web App model, converting AddServerSideBlazor and MapBlazorHub to AddRazorComponents and MapRazorComponents, replacing _Host.cshtml with App.razor, and adopting interactive server rendering.

Coordinate Components shares state between Blazor components without a direct parent-child relationship, using cascading values, scoped services, or CascadingValueSource. Use it for cascading values across render mode boundaries or app-wide shared data.

Create Blazor Project scaffolds new ASP.NET Core Blazor web apps using dotnet new blazor, guiding choices of render modes (Static SSR, Interactive Server, WebAssembly, Auto) and initial project structure.

Create Data-Driven ASP.NET Core generates or scaffolds ASP.NET Core code—Razor Pages, Blazor components, MVC controllers, views, and Minimal API endpoints—without CLI scaffolding tools. Use it to scaffold CRUD pages and API endpoints backed by Entity Framework Core.

Fetch and Send Data covers calling APIs, loading data into Blazor components, and handling the async lifecycle. Use it for registering HttpClient, building service abstractions for Auto/WebAssembly render modes, and displaying loading and error states.

Plan UI Change decomposes complex Blazor UI features into focused, composable components with parent-child data flow, then immediately implements them bottom-up. Use it when building multi-section pages, dashboards, or any Blazor UI with three or more distinct visual sections.