fluent-ui-pluginBLOCK
Agents, skills and MCP tools to build and adopt Microsoft Fluent 2 (Fluent UI 2.0) across Web, native iOS/Android/Windows, Power BI and Power Platform - plus Fluent 1 (v8) support, v8-to-v9 migration and Figma. Works in Copilot CLI, VS Code, Cursor, Claude, Gemini and more.
Overview
From the repository's own README, as read at the audited commit. Badges and raw HTML are left out.
[](https://github.com/ArasaniRohithReddy/fluent-ui-plugin/actions/workflows/ci.yml) [](https://github.com/ArasaniRohithReddy/fluent-ui-plugin/releases/latest) [](LICENSE) [](CONTRIBUTING.md) [](https://github.com/ArasaniRohithReddy/fluent-ui-plugin/discussions)
Agents · Skills · MCP tools that help developers, designers, and UI engineers implement Microsoft Fluent 2 (Fluent UI 2.0) correctly and fast, across Web, Power BI, Power Platform, and native iOS / Android / Windows, from any AI IDE.
🌐 Live site (itself a Fluent UI React v9 app, built with this plugin): [arasanirohithreddy.github.io/fluent-ui-plugin](https://arasanirohithreddy.github.io/fluent-ui-plugin/) · Install & usage guide · Per-host matrix
Version: 1.0.0 · License: MIT · Fluent 2 is the core of everything here: every surface applies the same design language (tokens, Segoe UI type ramp, spacing, corner radius, elevation, motion, accessibility).
Why this exists
Fluent 2 is large and precise: the right component, the right token, the right theme, and accessibility, every time. Doing that by hand is slow and error-prone. fluent-ui turns the official Fluent 2 design system into grounded, executable help: apply the design-language foundations (color, typography, layout, elevation, iconography, motion, shapes, material, content, responsibl
e3896e509e6bOBSERVED · 2026-10-11Connect
Built from this server's own package name, version and transport as found in its source — not copied from anyone's documentation, so it cannot drift against a page we do not control. Replace the environment placeholders with a token scoped to the least it needs.
claude mcp add fluent-ui-plugin-site --env GH_TOKEN=${GH_TOKEN} --env GITHUB_TOKEN=${GITHUB_TOKEN} -- npx -y [email protected]{
"mcpServers": {
"fluent-ui-plugin-site": {
"command": "npx",
"args": [
"-y",
"[email protected]"
],
"env": {
"GH_TOKEN": "${GH_TOKEN}",
"GITHUB_TOKEN": "${GITHUB_TOKEN}"
}
}
}
}Exposed tools (29)
27 read · 2 write · 0 destructive.
| Tool | Risk | Description |
|---|---|---|
fluent_accessibility_checklist | read | |
fluent_design_guidance | read | |
fluent_figma_guidance | read | |
fluent_generate_code | read | |
fluent_generate_powerbi_theme | read | |
fluent_generate_theme | read | |
fluent_get_component | read | |
fluent_get_config | read | |
fluent_get_images | read | |
fluent_get_token | read | |
fluent_icon_search | read | |
fluent_init_config | read | |
fluent_list_tokens | read | |
fluent_migration_guidance | read | |
fluent_native_component | read | |
fluent_native_guidance | read | |
fluent_pbir_apply_theme | write | |
fluent_pbir_audit | read | |
fluent_pbir_normalize_inline | read | |
fluent_pbir_verify | read | |
fluent_powerbi_visuals | read | |
fluent_powerplatform_guidance | read | |
fluent_recall | read | |
fluent_remember | read | |
fluent_scaffold_pbip | read | |
fluent_search_components | read | |
fluent_set_config | write | |
fluent_v8_guidance | read | |
fluent_v8_lookup | read |
Trust audit
BLOCKgrade F · trust 57/100 Do not install this without reading the findings. The audit found something that could harm you or your machine.
| Layer | What it checks | Result |
|---|---|---|
| L0 | Provenance & inventory | PASS |
| L1 | Static analysis of the code | FAIL |
| L2 | Instruction surface (what it tells the agent) | FAIL |
| L3 | Class-specific surface | PASS |
| L4 | Behavioural (sandbox) | SKIPPED |
What the source does
- Filesystem
- none-observed
- Network
- declared (4 observation(s))
- Shell
- declared (2 observation(s))
- Dependencies
- not all pinned
- Secrets in source
- none-found
Findings (18)
Auth belongs to **the host's OAuth flow** (remote) or **the signed-in Figma desktop session** (local). This plugin writes a URL and a `type` — nothing else. Never ask for, store, cache, proxy, or forw
description: 'Find the right Fluent 2 system icon and get an export name that actually compiles. Search by what the icon should DEPICT ("trash", "send email", "user") — Fluent icons are literal metaph'Find the right Fluent 2 system icon and get an export name that actually compiles. Search by what the icon should DEPICT ("trash", "send email", "user") — Fluent icons are literal metaphors named for**Local / desktop** — `http://127.0.0.1:3845/mcp`, transport `http`. Figma now calls this niche — "some specific organization and enterprise use cases." Needs the **Figma desktop app running** with **
- **`<Dialog hidden>` is inverted** — `hidden` defaults to `true`, so pass `hidden={!isVisible}`. `Panel`/`Modal` use `isOpen` (default closed). Renaming `hidden`→`open` in a migration produces an alwCheck which library you actually have (§1) · call `initializeIcons()` **once** at entry · theme through **`ThemeProvider`**, not `Customizer`, and give `createTheme` **all 50 palette slots** · style a
1. **`<Dialog hidden>` is inverted.** `hidden` **defaults to `true`** — the dialog is hidden unless you pass `hidden={false}`. `Panel` and `Modal` use `isOpen` (default closed). Getting this backwards<Dialog hidden={!isVisible} onDismiss={close} // ✅ inverted.nojekyll
.platform
.platform
| Endpoint | `https://mcp.figma.com/mcp` | `http://127.0.0.1:3845/mcp` |
Auth: start the `figma` server in the MCP view → browser opens → **Allow Access**. VS Code requires **GitHub Copilot enabled** on the account to use MCP at all. Figma's own doc also shows an optional
@modelcontextprotocol/sdk, zod, @types/node, typescript
@vitejs/plugin-react, vite
- **Show, don't just tell:** when the user asks to *see* or get a *link* to a Fluent 2 diagram, anatomy, do/don't example, or Motion video, call `fluent_get_images` (filter by `owner`/`kind`/`type`) a
**2. We never handle credentials.** Auth is the **host's** OAuth flow (remote) or the **signed-in Figma desktop session** (local). Write a URL and a `type` — nothing else. Never write an `Authorizatio
mcp/data/fluent-components.json
Gates applied: critical_finding, no_behavioural_pass, undeclared_transfer.
e3896e509e6bfull audit observations/trust-audit/mcp-server/arasanirohithreddy__fluent-ui-plugin.json · Report an issue / request a re-scanAudit history
Every audit this server has had. A grade with a past is a grade somebody is still checking.
| Date | Source | Verdict | Grade | Score | Change |
|---|---|---|---|---|---|
| 2026-10-11 | e3896e509e6b | BLOCK | F | 57 | first audit |
Questions
What is the fluent-ui-plugin MCP server?
Agents, skills and MCP tools to build and adopt Microsoft Fluent 2 (Fluent UI 2.0) across Web, native iOS/Android/Windows, Power BI and Power Platform - plus Fluent 1 (v8) support, v8-to-v9 migration and Figma. Works in Copilot CLI, VS Code, Cursor, Claude, Gemini and more.
What tools does fluent-ui-plugin expose?
29 in total: 27 read-only, 2 that write, and 0 that can delete or overwrite. Every one is listed on this page with its risk.
Is fluent-ui-plugin safe to connect to an agent?
No — not without reading the findings first. The audit graded it F (57/100) and found 3 critical or high issues in the source. Each one is listed on this page with the file and line it is on.
What credentials does fluent-ui-plugin need?
It reads GH_TOKEN and GITHUB_TOKEN from the environment. Give it a token scoped to the least it needs — an agent that can be talked into calling a tool can be talked into calling it with your credentials.
How does fluent-ui-plugin run?
It speaks stdio and streamable-http, so it runs as a local process your client starts. It is published on npm as fluent-ui-plugin-site at 1.2.0.
How current is this page?
The grade is for one exact copy of the source (e3896e509e6b), read on 2026-10-11. The repository is watched and re-audited when it changes.