add-blazor-page

Scaffold Blazor pages with MVVM, ServiceClient, and Refit integration.

Updated Mar 30, 2026
One-click install
npx skills add https://github.com/geobarteam/github-copilot-configs --skill add-blazor-page
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-blazor-page
Source: https://github.com/geobarteam/github-copilot-configs/tree/main/skills/add-blazor-page
Command: npx skills add https://github.com/geobarteam/github-copilot-configs --skill add-blazor-page

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Adds a standardized, end-to-end scaffolding flow for new Blazor pages, including ViewModel, ServiceClient, Refit integration, localization, and MudBlazor UI, ensuring consistent architecture across the Presentation layer.

Core Features & Use Cases

  • MVVM scaffolding: Creates ViewModel, Dialog, and Page structures with DI and localization support.
  • ServiceClient & Refit integration: Wires a client and Refit client to call APIs with ApiVersioning.
  • Use Case: When introducing a new feature page, this skill provides a repeatable blueprint and file layout.

Quick Start

Create a new Blazor page with ViewModel, ServiceClient, and Refit integration following the described file layout.

Frequently Asked Questions about add-blazor-page

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

FAQPage Schema
How do I scaffold a Blazor WASM page with MVVM and ServiceClient integration?

To scaffold a Blazor WASM page, this skill generates the Page, ViewModel, and Dialog structures while wiring ServiceClient and Refit for API calls. It automatically handles dependency injection registrations and enforces a consistent Presentation layer file layout.

What is the best way to add MudBlazor dialogs with Refit API versioning in Blazor?

Adding MudBlazor dialogs with Refit API versioning is streamlined by generating the required dialog and ViewModel files together. The skill connects the MudBlazor UI components to a Refit client configured for API versioning, ensuring end-to-end error handling and localization.

Does this Blazor page scaffolding tool support BFF host pattern projects?

Yes, this scaffolding tool specifically targets Blazor WASM projects using a Client host BFF pattern. It enforces the required file structure and dependency injection setup needed to maintain architecture across the Presentation layer.

How do I set up localization for a new Blazor page and ViewModel?

Setting up localization for a new Blazor page and ViewModel is handled during the scaffolding process. The skill creates the necessary resource files and configures localization support alongside the MVVM structure and MudBlazor UI components.

Can I use this to wire Refit clients with API versioning for Blazor Presentation layers?

Yes, you can use this to wire Refit clients with API versioning in the Blazor Presentation layer. The skill integrates a Refit client and ServiceClient directly into the generated ViewModel to call versioned APIs with built-in error handling.

Why does my Blazor WASM project need a standardized file layout for new feature pages?

A Blazor WASM project needs a standardized file layout to ensure consistent architecture across the Presentation layer. Without enforced file structures for MVVM, Refit, and ServiceClient, manual scaffolding risks broken dependency injection and misconfigured API versioning.