Fluentui MCP — AI skill for Claude Code

FluentUI Agent Skill

[](https://opensource.org/licenses/MIT) [](https://nodejs.org/)

An **Agent Skill** that teaches a coding assistant to build user interfaces with [Microsoft FluentUI React v9](https://react.fluentui.dev/) from verified, offline reference material.

The skill replaces the earlier documentation server. It ships a complete knowledge base — component pages, category guides, foundations, and task recipes — as plain Markdown plus a manifest, so an agent can read it with no network, no package install, and no running process.

---

What is this?

A coding agent that only knows the FluentUI name tends to guess. It invents props that do not exist, mixes v8 patterns into v9 code, and skips accessibility. This skill fixes that: before writing component code, the agent reads the relevant reference page and copies a pattern that was checked against the real `@fluentui/react-components` package.

The content covers:

• Foundations — setup and imports, FluentProvider, theming and tokens, Griffel styling, component architecture, and accessibility.
• Components — one page per component with props, slots, and examples taken from FluentUI's own Storybook source.
• Categories — shared guidance for each of the eight component groups (buttons, forms, navigation, data display, feedback, overlays, layout, utilities).
• Recipes — nineteen task-oriented walkthroughs such as a login form, a data table, a confirmation dialog, and a dashboard shell.
• Quick reference — short checklists and a component cheat sheet.
• Templates — copy-ready starting points under assets/templates/.

The full index is generated into `references/index.md`. The skill entry point is `SKILL.md`, which tells the agent how to route a task to the right reference.

---

Install

Install the skill into your agent'