skills.rest
ecoDriverltd
ecoDriverltdOFFICIAL
Explore all skills by this author →
WebsiteGitHub

create-blazor-project

Scaffold new ASP.NET Core Blazor web applications with the correct render mode configuration.

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

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 requirement gathering, selects the appropriate interactivity mode, and runs the correct dotnet new blazor command with matching project structure and configuration. ## Core Features & Use Cases - Render Mode Decision Guidance: Decision tables map app requirements (interactivity level, latency, offline support) to Static SSR, Interactive Server, WebAssembly, or Auto modes, per-page or global. - Scaffolding Commands: Provides exact dotnet new blazor commands for every mode combination, including authentication via -au Individual. - AGENTS.md Generation: Creates a project-level AGENTS.md from mode-specific templates in assets/agents-md/ so future AI agents understand the project's rendering configuration. - Use Case: A developer asks to create a new product catalog site with a live search feature. The Skill recommends Interactive Server per-page, scaffolds the project, verifies the build, and writes an AGENTS.md documenting the configuration. ## Quick Start Create a new Blazor web app called ShopFront with per-page Interactive Server rendering and set up its initial project structure.

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 the -int flag to set the render mode, such as -int Server for Interactive Server or -int None for static SSR. Add -ai for global interactivity or -au Individual for 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 interactivity, and WebAssembly only when latency or offline support demands browser execution. 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, requiring a .Client project, HTTP API-based data access, and a runtime download on first visit.

Does the Blazor template support authentication?▼

Yes, append -au Individual to scaffold ASP.NET Core Identity with SQLite via the CLI. Identity pages are always static SSR. For organizational auth like Microsoft Entra ID, scaffold Individual first then replace with Microsoft.Identity.Web.

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.

Related Skills

Explore More Software Engineering Skills→
ojrojasojrojas

mcp-csharp-create

Create MCP server projects with the .NET SDK and C# SDK.

Community
Advanced
burakdmirburakdmir
13

ABP Framework — UI & Frontend

Integrate ABP Framework UI across MVC/Razor Pages, Blazor, Angular, and React with theming and permission checks.

Community
Intermediate
rudironsonirudironsoni

dotnet-blazor-testing

Test Blazor components with bUnit and xUnit for rendering and events.

Community
Intermediate
pauljbernardpauljbernard
5

Frontend Framework Mastery

Provide expert frontend development guidance across React, Vue.js, Angular, and modern JavaScript frameworks.

Community
Advanced