dialog-pattern

Creates localized modal dialogs in Blazor apps using LocalizedDialogBase and reusable UI patterns.

Updated Jan 7, 2026
One-click install
npx skills add https://github.com/erymuzuan/motorent --skill dialog-pattern
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dialog-pattern
Source: https://github.com/erymuzuan/motorent/tree/main/.copilot/skills/dialog-pattern
Command: npx skills add https://github.com/erymuzuan/motorent --skill dialog-pattern

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Dialog Pattern Skills provide a reusable blueprint for implementing localized modal dialogs with a fluent API, reducing boilerplate and ensuring consistent UX across components.

Core Features & Use Cases

  • Patterned dialog base class with localization support
  • Prebuilt dialog patterns like Add/Edit and Selection dialogs
  • Clear guidance on UI consistency, accessibility, and theming across Tabler-based UIs

Quick Start

Create a sample dialog using LocalizedDialogBase to edit a Motorbike item and return the updated object on OK.

Frequently Asked Questions about dialog-pattern

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

FAQPage Schema
How do I create localized modal dialogs in Blazor without duplicating boilerplate?▼

To create localized modal dialogs in Blazor without boilerplate, use a patterned LocalizedDialogBase class. This enforces a clear separation of concerns and provides a fluent API to standardize UI consistency across components.

What is the best way to standardize add and edit dialog flows in a Blazor app?▼

The best way to standardize add and edit dialog flows in a Blazor app is applying prebuilt dialog patterns. These patterns accelerate creation and ensure consistent UX for simple create/update flows and complex form editors.

Can I use this Blazor dialog pattern for selection dialogs across different pages?▼

Yes, you can use this Blazor dialog pattern for selection dialogs across different pages. It provides reusable UI patterns designed to work seamlessly across components and pages within your application.

Do I need a specific UI framework to maintain accessibility and theming for Blazor dialogs?▼

You need a Tabler-based UI to maintain accessibility and theming for Blazor dialogs using this pattern. The skill provides clear guidance on ensuring UI consistency specifically across Tabler-based interfaces.

Why should I use a localized dialog base class for Razor components?▼

You should use a localized dialog base class for Razor components to reduce boilerplate and enforce a consistent architecture. It imposes requirements for frontmatter metadata and reusable UI patterns, ensuring maintainable code.