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.