skills.rest
Netcodr81
Netcodr81COMMUNITY
Explore all skills by this author →
GitHub

create-blazor-project

Scaffold new ASP.NET Core Blazor web applications with the correct render mode and project structure.

Updated Jul 20, 2026
Search Tags:#scaffolding#project setup#dotnet#webassembly#blazor#aspnet core#render modes
One-click install
npx skills add https://github.com/Netcodr81/kinetic-reports --skill create-blazor-project-netcodr81
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-blazor-project
Source: https://github.com/Netcodr81/kinetic-reports/tree/main/.github/skills/create-blazor-project
Command: npx skills add https://github.com/Netcodr81/kinetic-reports --skill create-blazor-project-netcodr81

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve? Choosing the right Blazor render mode and scaffolding options is confusing, and picking the wrong one leads to rework. This Skill guides requirements gathering, selects the appropriate interactivity mode (Static SSR, Interactive Server, WebAssembly, or Auto), and runs the correct dotnet new blazor command with matching options. ## Core Features & Use Cases - Render Mode Decision Guidance: Decision tables map app requirements (interactivity level, latency, offline support, deployment environment) to the right render mode and scope (per-page vs global). - Scaffolding Commands: Ready-to-use dotnet new blazor commands for every mode combination, including authentication via -au Individual. - Project Documentation Generation: Creates a project AGENTS.md from mode-specific templates in assets/agents-md/ so future work follows the correct architectural constraints. - Use Case: A developer asks to build a product catalog site with a live search feature. The Skill recommends Interactive Server per-page, scaffolds the project, and generates an AGENTS.md documenting where interactive components belong. ## Quick Start Ask the assistant to create a new Blazor web app for your project idea and let it choose the right render mode and scaffold the project.

Frequently Asked Questions about create-blazor-project

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

FAQPage Schema
How do I create a new Blazor web app with the dotnet CLI?▼

Run `dotnet new blazor -o {AppName}` with an interactivity flag such as `-int Server` for Interactive Server or `-int WebAssembly` for client-side rendering. Add `-ai` for global interactivity or `-au Individual` to scaffold ASP.NET Core Identity authentication.

Which Blazor render mode should I choose for my app?▼

Use Static SSR for data display and simple forms, Interactive Server per-page for most apps needing some client-side behavior, and WebAssembly when latency or offline support matters. Auto mode fits only when both Server and WebAssembly constraints apply.

What is the difference between Blazor Server and Blazor WebAssembly?▼

Interactive Server runs components on the server over a SignalR circuit with full .NET access and no API layer. WebAssembly runs components in the browser, eliminating round-trip latency but requiring a .Client project, HTTP API data access, and a runtime download.

Can I add authentication when scaffolding a Blazor app?▼

Yes, append `-au Individual` to the dotnet new blazor command to scaffold ASP.NET Core Identity. Identity pages are always static SSR and must not receive @rendermode directives.

Why do Blazor WebAssembly components fail after prerendering?▼

Components placed in the server project work during prerender but fail after WebAssembly handoff. Interactive WebAssembly or Auto components must live in the .Client project and access data only through HTTP APIs, not DbContext or server-only services.

Related Skills

Explore More Software Engineering Skills→
aalmadaaalmada
15

deploy-to-azure

Deploy the BookStore application stack to Azure Container Apps using the Azure Developer CLI.

Community
Advanced
dotnetdotnet
5.3k

create-blazor-project

Scaffold new Blazor web applications with the correct render mode and project structure.

Official
Intermediate
daeha76daeha76
2

verify-blazor

Validate Blazor component structure, DI patterns, and token handling in .razor files.

Community
Intermediate
AGIBuildAGIBuild
10

dotnet-blazor-testing

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

Community
Intermediate