Houdini MCP Server

This library exposes some low level utilities to use the [houdini APIs](https://developer.mozilla.org/en-US/docs/Web/API/Houdini_APIs) as well as a

Local serverstdio

What is the Houdini MCP server?

This library exposes some low level utilities to use the houdini APIs as well as a canvas fallback that should be usable with the [paint. That is what the houdini mcp server brings to an AI assistant: the same capability, reachable through the Model Context Protocol rather than a separate app or dashboard.

The short version

Fluent UI Contrib is an official collection of extensions and components that enhance Fluent UI. These packages provide additional functionality that complements the core Fluent UI library, helping you build rich, consistent user experiences with less code.

The tools it exposes

The server publishes 14 tools. What each one is for:

Getting it running

The server ships on npm as @fluentui-contrib/, so your MCP client can launch it on demand — there is no separate build step. Add the server block to your client's configuration, restart it, and the tools register themselves.

How it compares

Among the developer tooling options, the useful question is rarely "what can it do" but "what does it cost you to run" — permissions, credentials, and how much of your context its toolset consumes. Houdini's toolset — Package, azure-theme, react-chat and 11 more — is a fair guide to whether it matches your workflow. It is maintained by uifabricteam; worth a glance at recent repository activity before you build anything load-bearing on it.

This entry was verified against Houdini's own documentation before publication; SyncDev keeps the directory reviewed rather than auto-generated.

Things to watch

  • It runs with your machine's permissions. That is convenient and also the reason to think about what you point it at before you approve a tool call.
  • With 14 tools registered it takes up a noticeable share of the context window; turn it off in projects that never touch Houdini.
  • Keep per-call confirmation enabled while you learn its behaviour; it is the cheapest safeguard you have.

Available tools

ToolWhat it does
PackageREADME
azure-theme[README.md](https://github.com/microsoft/fluentui-contrib/blob/main/packages/azure-theme/README.md)
react-chat[README.md](https://github.com/microsoft/fluentui-contrib/blob/main/packages/react-chat/README.md)
react-draggable-dialog[README.md](https://github.com/microsoft/fluentui-contrib/blob/main/packages/react-draggable-dialog/README.md)
react-gamepad-navigation[README.md](https://github.com/microsoft/fluentui-contrib/blob/main/packages/react-gamepad-navigation/README.md)
react-headless-provider[README.md](https://github.com/microsoft/fluentui-contrib/blob/main/packages/react-headless-provider/README.md)
houdini-utils[README.md](https://github.com/microsoft/fluentui-contrib/blob/main/packages/houdini-utils/README.md)
react-interactive-tab[README.md](https://github.com/microsoft/fluentui-contrib/blob/main/packages/react-interactive-tab/README.md)
react-keytips[README.md](https://github.com/microsoft/fluentui-contrib/blob/main/packages/react-keytips/README.md)
pierce-dom[README.md](https://github.com/microsoft/fluentui-contrib/blob/main/packages/pierce-dom/README.md)
react-shadow[README.md](https://github.com/microsoft/fluentui-contrib/blob/main/packages/react-shadow/README.md)
react-resize-handle[README.md](https://github.com/microsoft/fluentui-contrib/blob/main/packages/react-resize-handle/README.md)
stylelint-plugin[README.md](https://github.com/microsoft/fluentui-contrib/blob/main/packages/stylelint-plugin/README.md)
teams-components[README.md](https://github.com/microsoft/fluentui-contrib/blob/main/packages/teams-components/README.md)

How to install the Houdini MCP server

{
  "mcpServers": {
    "houdini": {
      "command": "npx",
      "args": ["-y", "@fluentui-contrib/"]
    }
  }
}

Add to claude_desktop_config.json, then restart Claude Desktop.

Example prompts to try

  • Use Houdini to Package.
  • Use Houdini to azure-theme.
  • Use Houdini to react-chat.

Frequently asked questions

It connects Houdini to MCP-compatible AI assistants such as Claude and Cursor, exposing 14 tools (Package, azure-theme, react-chat, and more) that the assistant can call on your behalf. Instead of copying data back and forth by hand, the assistant works with Houdini directly.