🏗️
FrontendC#

Create Blazor Project

by dotnet

Create Blazor Project is a Frontend skill for Claude Code, published by dotnet in skills.

5.2K stars384 forkson dotnet/skillsAdded 2026/08/16Repository updated 2026/08/15
agent-skills
Install in seconds
Install Create Blazor Project
Copy Create Blazor Project into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/dotnet/skills/tree/main/plugins/dotnet-blazor/skills/create-blazor-project ~/.claude/skills/create-blazor-project

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/dotnet/skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
plugins/dotnet-blazor/skills/create-blazor-project/SKILL.md in dotnet/skills
Installs to
~/.claude/skills/create-blazor-project
Collection
One of 25 skills cataloged from this repository
Category
Frontend567 skills

What Create Blazor Project does

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 Blazor Project is cataloged under Frontend on DirSkills. Create Blazor Project comes from a repository tagged agent-skills.

Documentation

README

Create a Blazor Web App

Before You Start — Gather Requirements

If the user's request doesn't make the following clear, ask before scaffolding:

  1. What does the app do? List the main screens/features (e.g., "product catalog with search and shopping cart").
  2. What kind of interactivity is needed? Displaying data and forms? Real-time updates? Offline support? Rich drag-and-drop UI?
  3. Deployment environment? Internet-facing? Intranet? Mobile users on slow connections?
  4. Authentication needed? Anonymous? Individual accounts? Organizational (Azure AD)?

Pick the Right Interactivity Level

Blazor render modes are a progression scale. Start at the simplest level that satisfies the requirements and only move up when there's a concrete reason.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Create Blazor Project

  • What else does dotnet publish alongside Create Blazor Project?

    Create Blazor Project is one of 25 skills that DirSkills catalogs from dotnet/skills, the repository it ships in. Its siblings there include .NET P/Invoke, ASP.NET Core Web API and Agentic Workflows. Each one is a separate skill with its own page in this directory, installs the same way Create Blazor Project does, and is maintained by dotnet in that same repository. The rest of the collection is listed on the dotnet/skills page.

  • How does Create Blazor Project compare to other Frontend skills?

    Create Blazor Project ranks #153 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Create Blazor Project against them. Open each page to compare what they document and how they install.

More from dotnet/skills

Create Blazor Project is one of 25 skills cataloged on DirSkills from dotnet/skills.

See all 25 skills
🔌
2w ago

.NET P/Invoke

.NET P/Invoke correctly calls native C/C++ libraries from .NET using DllImport and LibraryImport, covering signatures, strings, memory, SafeHandle, and cross-platform patterns. Use it for writing, reviewing, or debugging native interop code in .NET.
Quality
5.2K384
🌐
2w ago

ASP.NET Core Web API

ASP.NET Core Web API guides the creation and modification of ASP.NET Core Web API endpoints with correct HTTP semantics, OpenAPI metadata, and error handling. Use it when adding controllers or minimal APIs, defining DTOs, wiring up OpenAPI/Swagger, or configuring global error handling middleware.
DevOps
5.2K384
🔀
2w ago

Agentic Workflows

Agentic Workflows routes requests to design, create, update, debug, or upgrade agentic workflows to the correct prompt files. Use it when a user asks to build or modify agentic workflows in a repository, and follow the matching prompt or skill.
AI Engineering
5.2K384
🧩
2w ago

Author Blazor Component

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.
Frontend
5.2K384
🔗
2w ago

Blazor JS Interop

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.
Frontend
5.2K384
💻
2w ago

C# Scripts

C# Scripts runs file-based C# apps with the .NET CLI when the user wants C#/.NET code without creating a project. Use for C# language/API experiments, one-file C# apps, and small multi-file C# apps using #:include/#:exclude or #:ref.
Automation
5.2K384