·fluentui-blazor
</>

fluentui-blazor

有关在 Blazor 应用程序中使用 Microsoft Fluent UI Blazor 组件库(Microsoft.FluentUI.AspNetCore.Components NuGet 包)的指南。当用户使用 Fluent UI 组件构建 Blazor 应用程序、设置库、使用 FluentUI 组件(例如 FluentButton、FluentDataGrid、FluentDialog、FluentToast、FluentNavMenu、FluentTextField、FluentSelect、FluentAutocomplete、FluentDesignTheme 或任何带有“Fluent”前缀的组件)时,请使用此功能。还可以在对缺少的提供程序、JS 互操作问题或主题进行故障排除时使用。

6.9K安装·23热度·@github

安装

$npx skills add https://github.com/github/awesome-copilot --skill fluentui-blazor

如何安装 fluentui-blazor

通过命令行快速安装 fluentui-blazor AI 技能到你的开发环境

  1. 打开终端: 打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 运行安装命令: 复制并运行以下命令:npx skills add https://github.com/github/awesome-copilot --skill fluentui-blazor
  3. 验证安装: 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

来源:github/awesome-copilot。

SKILL.md

查看原文

This skill teaches how to correctly use the Microsoft.FluentUI.AspNetCore.Components (version 4) NuGet package in Blazor applications.

The library auto-loads all CSS and JS via Blazor's static web assets and JS initializers. Never tell users to add or tags for the core library.

These provider components MUST be added to the root layout (e.g. MainLayout.razor) for their corresponding services to work. Without them, service calls fail silently (no error, no UI).

有关在 Blazor 应用程序中使用 Microsoft Fluent UI Blazor 组件库(Microsoft.FluentUI.AspNetCore.Components NuGet 包)的指南。当用户使用 Fluent UI 组件构建 Blazor 应用程序、设置库、使用 FluentUI 组件(例如 FluentButton、FluentDataGrid、FluentDialog、FluentToast、FluentNavMenu、FluentTextField、FluentSelect、FluentAutocomplete、FluentDesignTheme 或任何带有“Fluent”前缀的组件)时,请使用此功能。还可以在对缺少的提供程序、JS 互操作问题或主题进行故障排除时使用。 来源:github/awesome-copilot。

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/github/awesome-copilot --skill fluentui-blazor
分类
</>开发工具
认证
收录时间
2026-02-19
更新时间
2026-03-10

Browse more skills from github/awesome-copilot

快速解答

什么是 fluentui-blazor?

有关在 Blazor 应用程序中使用 Microsoft Fluent UI Blazor 组件库(Microsoft.FluentUI.AspNetCore.Components NuGet 包)的指南。当用户使用 Fluent UI 组件构建 Blazor 应用程序、设置库、使用 FluentUI 组件(例如 FluentButton、FluentDataGrid、FluentDialog、FluentToast、FluentNavMenu、FluentTextField、FluentSelect、FluentAutocomplete、FluentDesignTheme 或任何带有“Fluent”前缀的组件)时,请使用此功能。还可以在对缺少的提供程序、JS 互操作问题或主题进行故障排除时使用。 来源:github/awesome-copilot。

如何安装 fluentui-blazor?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/github/awesome-copilot --skill fluentui-blazor 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

这个 Skill 的源码在哪?

https://github.com/github/awesome-copilot