blazor-ui-kit

Encapsulate Radzen Blazor components behind French-named wrappers.

Updated Apr 1, 2026
One-click install
npx skills add https://github.com/FoxSilou/ConfigurationClaude --skill blazor-ui-kit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: blazor-ui-kit
Source: https://github.com/FoxSilou/ConfigurationClaude/tree/main/frontend/.claude/skills/blazor-ui-kit
Command: npx skills add https://github.com/FoxSilou/ConfigurationClaude --skill blazor-ui-kit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Ce skill guide la création de wrappers autour de Radzen Blazor et leur intégration avec l'architecture hexagonale frontend.

Core Features & Use Cases

  • Encapsulation des composants Radzen pour limiter le couplage et faciliter le remplacement futur
  • Nommer les wrappers en français avec le vocabulaire métier et centraliser les valeurs par défaut
  • Fournir des patterns et templates pour GrilleDonnees, Dialogue, Bouton et ChampTexte et leur usage dans les Presenters

Quick Start

Créez un wrapper GrilleDonnees et utilisez-le dans une page métier.

Frequently Asked Questions about blazor-ui-kit

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

FAQPage Schema
How do I decouple Blazor pages from Radzen UI components to improve frontend portability?

You decouple Radzen UI components by wrapping them with French-named Blazor wrappers like GrilleDonnees, Dialogue, and Bouton. This prevents Presenters from referencing Radzen types directly, ensuring frontend portability and consistency across multiple pages.

What is the best way to enforce consistent default values across Blazor UI components?

The best way to enforce consistent UI defaults is to centralize them inside Blazor wrappers. Imposing wrapper conventions and default values ensures all Presenters use standardized configurations, reducing direct component coupling and maintaining uniform behavior across pages.

How do I wire dependency injection for Blazor UI wrappers in a hexagonal frontend architecture?

You wire dependency injection for Blazor UI wrappers by imposing DI conventions that supply wrapper instances to Presenters. This integration ensures Presenters avoid referencing Radzen types directly while maintaining clean architectural boundaries within the hexagonal frontend.

Can I use French business vocabulary to name Blazor UI component wrappers?

Yes, you can name Blazor UI wrappers using French business vocabulary like GrilleDonnees, Dialogue, Bouton, and ChampTexte. This naming convention aligns the UI components with domain terminology while maintaining clean separation from Radzen types.

Does this Blazor UI kit approach work without direct dependencies on Radzen types?

Yes, the Blazor UI kit approach works without direct Radzen type dependencies. By applying wrappers and dependency injection wiring, Presenters avoid referencing Radzen types entirely, which limits coupling and facilitates future component replacement.

When should I not use wrapper components for Blazor UI encapsulation?

You should not use wrapper components for Blazor UI encapsulation when your project requires rapid prototyping with minimal architectural overhead or when direct Radzen coupling does not pose a portability risk for your specific application scale.