skills.rest
srnichols
srnicholsCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-scaffold

Generate Blazor Server UI scaffolds with Fluent UI conventions and bUnit tests.

5|2|Updated Mar 20, 2026
Search Tags:#automation#code generation#blazor#fluent ui#ui scaffold
One-click install
npx skills add https://github.com/srnichols/plan-forge --skill ui-scaffold
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-scaffold
Source: https://github.com/srnichols/plan-forge/tree/main/presets/dotnet/.github/skills/ui-scaffold
Command: npx skills add https://github.com/srnichols/plan-forge --skill ui-scaffold

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of a new Blazor page with proper layering, service interface, page component, DTO, validation, error handling, and bUnit test, ensuring architecture principles and Fluent UI conventions are followed.

Core Features & Use Cases

  • Automated UI Scaffold: Generates a complete UI page with all necessary components and layers.
  • Layered Architecture: Enforces service interface, page component, DTO, validation, and error handling.
  • Blazor + Fluent UI: Adheres to Blazor and Fluent UI conventions for consistency and best practices.
  • Use Case: When adding a new UI surface to a Blazor Server app, this Skill streamlines the process by creating a well-structured and tested page.

Quick Start

Scaffold a new UI page for 'Clients' using the ui-scaffold Clients command.

Frequently Asked Questions about ui-scaffold

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate Blazor UI scaffold creation with Fluent UI conventions?▼

To automate Blazor UI scaffold creation, this Skill generates service interfaces, page components, DTOs, validation, error handling, and bUnit tests using Fluent UI conventions. It utilizes file manipulation and string replacement to enforce architecture principles for new Blazor Server pages.

What layers are generated when scaffolding a new Blazor page?▼

Scaffolding a Blazor page generates multiple architectural layers: service interfaces, page components, DTOs, validation logic, error handling, and bUnit tests. This enforces consistent architecture principles and Fluent UI conventions across the application.

Can I use this UI scaffolding tool with Blazor WebAssembly or does it require Blazor Server?▼

This UI scaffolding tool applies specifically to Blazor Server apps. It requires .NET 8+ and existing Fluent UI references to correctly generate the page components, DTOs, and validation layers.

How do I generate a complete Blazor page with DTOs and bUnit tests?▼

You generate a complete Blazor page with DTOs and bUnit tests by executing the `ui-scaffold [PageName]` command. This automates the creation of all necessary layers, including service interfaces and error handling, following Fluent UI conventions.

What is the best way to enforce layered architecture in a Blazor Server app?▼

The best way to enforce layered architecture is automating UI scaffold creation to generate service interfaces, page components, and DTOs consistently. This ensures architecture principles and Fluent UI conventions are followed without manual file manipulation errors.

Why does generating Fluent UI Blazor pages require .NET 8+?▼

Generating Fluent UI Blazor pages requires .NET 8+ because the scaffolded components, service interfaces, and validation logic rely on the framework features present in .NET 8. This ensures compatibility with Blazor Server apps and Fluent UI references.

Related Skills

Explore More Software Engineering Skills→
FortiumPartnersFortiumPartners

blazor-framework

Develop Blazor Server and WebAssembly apps with .NET 8+, Fluent UI, and SignalR.

Official
Advanced
AGIBuildAGIBuild
10

dotnet-blazor-testing

Test Blazor components with bUnit for in-memory rendering and assertion.

Community
Intermediate
hendrax5hendrax5

phase-6-ui-integration

Implement frontend UI and integrate it with backend APIs.

Community
Intermediate
lluppesmslluppesms

fluentui-blazor

Guide Microsoft Fluent UI Blazor component integration and troubleshooting.

Community
Intermediate