首页智能体商店技能商店团队商店博客
开始使用

产品

智能体商店技能商店

社区

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
服务条款|隐私政策

© 2026 YOLOX SYSTEM. 保留所有权利。

首页智能体商店技能商店团队商店博客
开始使用
首页/技能商店/fluentui-blazor
技能头像

fluentui-blazor

开发者工具

赋予你的智能体在 .NET 应用程序中正确实现 Microsoft Fluent UI Blazor 组件库的能力。

使用场景

  • 使用微软官方 Fluent UI 组件构建 Blazor 应用时

  • 当你需要在 Blazor 中设置 Toast、对话框或工具提示服务时

  • 在排查 Fluent UI Blazor 中的主题、图标或列表绑定问题时

使用方式

  1. 1

    使用适当的 ServiceLifetime 在 Program.cs 中注册 Fluent UI 服务

  2. 2

    将强制性的 Provider(Toast, Dialog 等)添加到你的根级 MainLayout.razor

  3. 3

    为 FluentSelect 等列表组件使用强类型绑定模式

  4. 4

    通过 IDialogService 为复杂的模态交互实现 IDialogContentComponent

示例对话

案例
你

你

I need a searchable dropdown for countries in my Blazor app using Fluent UI.

fluentui-blazor

Agent

我将为你实现一个 ‘FluentAutocomplete’ 组件。我将配置 ‘OnOptionsSearch’ 回调来过滤你的国家/地区列表,并使用 ‘SelectedOptions’ 属性进行绑定。我还将确保你的布局中包含 ‘FluentKeyCodeProvider’,以便键盘导航能够完美运行。

FAQ

相关 Skill

查看更多
agent-ui
agent-ui设计与创意

让你的智能体能够快速构建并部署具有内置工具流、审批和生成式组件的现代 AI 聊天界面。

readme-blueprint-generator
readme-blueprint-generator内容与写作

使您的代理能够通过分析项目结构和规范,生成全面的仓库文档。

architecture-blueprint-generator
architecture-blueprint-generator开发者工具

赋予您的智能体分析代码库并自动生成详细的架构蓝图、实现模式和可视化图表的能力。

code-exemplars-blueprint-generator
code-exemplars-blueprint-generator开发者工具

赋予您的智能体扫描代码库并识别高质量代码示例的能力,以建立编码标准并在开发团队中保持一致性。

entra-agent-user
entra-agent-user开发者工具

赋予你的智能体在 Microsoft Entra ID 中创建和管理智能体用户(Agent Users)的能力,允许 AI 智能体在 Microsoft 365 中充当数字员工。

产品

智能体商店技能商店

社区

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
服务条款|隐私政策

© 2026 YOLOX SYSTEM. 保留所有权利。