fluentui-blazor
Comprehensive guide for building Blazor apps with Microsoft Fluent UI components.
What it does
- ServiceLifetime.Scoped — for Blazor Server / Interactive (default)
- ServiceLifetime.Singleton — for Blazor WebAssembly standalone
- ServiceLifetime.Transient — throws NotSupportedException
- Variants: Regular, Filled
- Sizes: Size12, Size16, Size20, Size24, Size28, Size32, Size48
- Items — the data source (IEnumerable<TOption>)
- OptionText — Func<TOption, string?> to extract display text
Requirements & configuration
- 4. Icons require a separate NuGet package
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
Comprehensive guide for building Blazor apps with Microsoft Fluent UI components.
Source
Repository: https://github.com/github/awesome-copilot
fluentui-blazor FAQ
What does the fluentui-blazor skill do?
> Guide for using the Microsoft Fluent UI Blazor component library (Microsoft.FluentUI.AspNetCore.Components NuGet package) in Blazor applications. Use this when the user is building a Blazor app with Fluent UI components, setting up the library, using FluentUI components like FluentButton, FluentDataGrid, FluentDialog, FluentToast, FluentNavMenu, FluentTextField, FluentSelect, FluentAutocomplete, FluentDesignTheme, or any component prefixed with "Fluent". Also use when troubleshooting missing providers, JS interop issues, or theming. ServiceLifetime.Scoped — for Blazor Server / Interactive (default) ServiceLifetime.Singleton — for Blazor WebAssembly standalone
What does fluentui-blazor require?
4. Icons require a separate NuGet package
How do I install fluentui-blazor?
Run: npx -y skills add https://github.com/github/awesome-copilot --skill fluentui-blazor --agent claude-code — the source lives at github.com/github/awesome-copilot.
Maintain fluentui-blazor?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[](https://getagentictools.com/skills/github-awesome-copilot-fluentui-blazor?ref=badge) npx agentictools info skills/github-awesome-copilot-fluentui-blazor The second line is the CLI lookup for this page — handy in READMEs and docs.
Related skills
finalize-agent-prompt Polish and refine agent prompt files against proven best practices.
create-technical-spike Time-boxed technical spike documents for researching critical development decisions before implementation.
convert-plaintext-to-md Convert plain text documentation to markdown with flexible formatting options.
copilot-instructions-blueprint-generator Generate GitHub Copilot instruction files by analyzing actual codebase patterns and technology versions.
aspire Code-first orchestration for polyglot distributed apps with automatic service discovery and observability.
power-bi-dax-optimization Comprehensive DAX formula analysis and optimization with performance, readability, and best-practice guidance.