blazor

Blazor .NET WebAssembly and Server framework. Use for C# frontend.

7 stars

byG1Joshi

View on GitHub Installation ↓

Best use case

blazor is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

Blazor .NET WebAssembly and Server framework. Use for C# frontend.

Teams using blazor should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

You only need a quick one-off answer and do not need a reusable workflow.
You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/blazor/SKILL.md --create-dirs "https://raw.githubusercontent.com/G1Joshi/Agent-Skills/main/skills/frameworks/blazor/SKILL.md"

Manual Installation

Download SKILL.md from GitHub
Place it in .claude/skills/blazor/SKILL.md inside your project
Restart your AI agent — it will auto-discover the skill

How blazor Compares

Feature / Agent	blazor	Standard Approach
Platform Support	Not specified	Limited / Varies
Context Awareness	High	Baseline
Installation Complexity	Unknown	N/A

Frequently Asked Questions

What does this skill do?

Blazor .NET WebAssembly and Server framework. Use for C# frontend.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# Blazor

Blazor allows writing web UIs in **C#** instead of JavaScript. .NET 9 (2024/2025) brings unified rendering modes (Server, WebAssembly, Auto).

## When to Use

- **.NET Shops**: Sharing code (Models/DTOs) between Backend and Frontend.
- **Internal Apps**: Rapid development for enterprise tools.
- **WebAssembly**: Running compiled C# in the browser.

## Core Concepts

### Blazor Server

UI logic runs on server, updates sent via SignalR. Low latency, requires connection.

### Blazor WebAssembly

Runs client-side (DLLs downloaded). Offline support.

### Interactive Components

Razor syntax (`@code { ... }`) combining HTML and C#.

## Best Practices (2025)

**Do**:

- **Use `Auto` mode**: Load fast (Server), then switch to WASM (Client) in background.
- **Use `QuickGrid`**: High performance data grid component.
- **Use Component Libraries**: MudBlazor/Radzen for material UI.

**Don't**:

- **Don't block the UI thread**: Use `await` for long implementations.

## References

- [Blazor Documentation](https://dotnet.microsoft.com/apps/aspnet/web-apps/blazor)