SuperBlazorComponents — Copilot Skill

What problem does it solve?

This Skill solves the problem of AI assistants lacking authoritative, structured knowledge of the SuperBlazorComponents Blazor component library. Without this context, Copilot generates generic or incorrect suggestions for data grids, layouts, and forms; with it, Copilot provides precise, production-ready code for admin and line-of-business applications built on Bootstrap 5.3.

Core Features & Use Cases

• Component Reference: Complete coverage of SuperDataGrid, SuperLayout, SuperTabs, SuperButtons, SuperDialogs, SuperNotifications, SuperColorPicker, SuperHtmlEditor, SuperMarkdownEditor, SuperBreadCrumb, SuperMenuItem, ThemeToggle, and Google Charts, including namespaces, parameters, and Razor examples.
• Migration Playbooks: Exact parameter mappings, event handler conversions, and icon translations (Material Icons to Font Awesome 7) for migrating from Radzen Blazor components.
• Operational Guidance: Troubleshooting tables, CSS customization tips, service registration patterns, settings persistence strategies, and dark mode support.

Quick Start

Use the SuperBlazorComponents skill to generate a Blazor page with a SuperLayout shell, sidebar navigation, and a SuperDataGrid bound to your model by asking Copilot to implement the grid with the ItemsProvider pattern.