blazor-router-configurator

Community

Configure and manage Blazor routing with ease.

Authorkongliuli
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Blazor routing is easy to get wrong as apps grow, leading to scattered @page directives, brittle parameter bindings, and inconsistent navigation. This Skill provides a clear, reusable blueprint to configure routes, extract parameters, manage navigation, and enforce access controls across pages.

Core Features & Use Cases

  • @page directive routing: centralizes route paths for consistency.
  • Route parameter extraction: binds URL segments to [Parameter] properties for dynamic UI.
  • Navigation management: uses NavigationManager for programmatic navigation and event listening.
  • Query string handling: parses and builds query strings for search and filtering.
  • Route guards: implements guard logic to protect restricted pages.

Quick Start

  • Add one or more @page directives at the top of your Blazor components to define routes.
  • Bind route values to [Parameter] properties and consume them in component logic.
  • Inject and use NavigationManager to navigate between pages and react to location changes.
  • Parse, read, and compose query strings to support search and filters.
  • Implement simple guard checks (e.g., authentication) and redirect unauthenticated users to the login page.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: blazor-router-configurator
Download link: https://github.com/kongliuli/VibeSkills/archive/main.zip#blazor-router-configurator

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.