NeVibeCode · 116 items
MCP servers for Frontend and UI
MCP servers for Frontend and UI: what each one does, an install command and example prompts.
Talivia Revenue Analytics MCP server Connects your AI agent to Talivia to track web traffic directly to payments. The agent integrates the script, runs builds, and verifies real telemetry intake.
CX Codex +1
★ 32repo stars
UICapsule MCP server Remote MCP server holding a catalog of React components that move in unusual ways. Your agent finds one by description and installs it through the shadcn CLI.
CX Codex +1
★ 32repo stars
nakkas MCP server Builds animated SVG graphics from declarative JSON configurations. Sends PNG previews back to the AI for fast visual tweaks.
CX Codex +1
★ 30repo stars
AINDF MCP server A read-only MCP server over a single AINDF design-system bundle. Agents browse components, slots and presets, then validate screens against those contracts.
CX Codex +1
★ 28repo stars
XamlMcp MCP server MCP server to inspect and control live XAML applications. Gives AI agents access to visual trees, runtime styles, and simulated input.
CX Codex +1
★ 27repo stars
UI Verify MCP server Hosted visual regression testing service for coding agents. Helps triage UI screenshot diffs and accept updated baselines during code review.
CX Codex +1
★ 24repo stars
DevTool MCP MCP server Gives the agent a handle on your running app: dev-server control, a reverse proxy and frontend diagnostics. Comes in handy when UI work has to happen with the page in view.
CX Codex +1
★ 22repo stars
rive-mcp MCP server Create and edit .riv animations, inspect their structure, and export previews through an MCP client. Useful when you want to work on Rive files from an AI coding chat.
CX Codex +1
★ 22repo stars
ui-annotator-mcp MCP server Runs a proxy that injects hover overlays onto any web page so AI assistants reference interface elements by exact names.
CX Codex +1
★ 21repo stars
wpf-visual-tree MCP server This MCP server lets an AI agent inspect and operate a running WPF app, including its element tree, bindings, screenshots, and UI input.
CX Codex +1
★ 20repo stars
buoy MCP server Gives a coding agent your tokens and component rules, then flags hardcoded colors and off-scale spacing with a line-level fix.
CX Codex +1
★ 20repo stars
webcomponents-mcp-server MCP server An MCP server that feeds UI5 Web Components docs into your AI assistant. It helps when you build with React, Angular or plain JavaScript and want the API without digging through a browser.
CX Codex +1
★ 20repo stars
memi MCP server Maps the UI already in your repo and reports accessibility and design-system problems down to the line. Useful before touching frontend code and at review time.
CX Codex +1
★ 48repo stars
Roast My Design System MCP server Audits UI codebases for missing tokens and serves design rules to your agent so generated components stick to your design system.
CX Codex +1
★ 27repo stars
marmo-ui MCP server Wires your agent to live Marmo UI component APIs so it builds dashboards from real props instead of guessing them.
CX Codex +1
★ 19repo stars
Nekzus-npm-sentinel-mcp MCP server Inspects NPM packages for security flaws, dependency trees, and quality scores directly from your AI coding assistant.
CX Codex +1
★ 19repo stars
Kinetik UI MCP server Gives your coding agent the Kinetik UI registry of animated React Native and Expo components: search, source and an install plan inside the chat.
CX Codex +1
★ 18repo stars
CleanSlice MCP server A remote MCP server that serves the CleanSlice architecture documentation for full-stack NestJS and Nuxt apps, so the agent reads the conventions before it writes code.
CX Codex +1
★ 18repo stars
matchcn MCP server Discovers shadcn UI components across external registries by behavior and layout description rather than exact package names.
CX Codex +1
★ 17repo stars
FTX MCP — FactoryTalk Optix MCP Server MCP server Connects FactoryTalk Optix Studio to AI assistants on Windows 11. It builds HMI displays from natural text prompts and inspects them in the emulator.
CX Codex +1
★ 17repo stars
ng-blatui MCP server The ng-blatui MCP server gives the agent access to a catalog of 157 components, 16 blocks, 70 charts and 35 page templates from the Angular UI library. The agent searches for elements and reads their typed API.
CX Codex +1
★ 17repo stars
Scandit MCP server The Scandit MCP server connects your agent to the SDK for capturing barcodes, QR codes, and documents. Use it when you're adding scanning to a mobile or web app and want the agent to write the integration instead of reading the SDK docs.
CX Codex +1
★ 20repo stars
Bestax MCP server An MCP server that gives agents access to the bestax-bulma React component library: props, code examples, Bulma v1 CSS variables and ready-made prompts.
CX Codex +1
★ 13repo stars
Iconoteka MCP server Gives your assistant a catalog of 1,400 icons across 7 weights and 2 styles, and hands back real SVG markup instead of a guessed path.
CX Codex +1
★ 12repo stars
3D AR Studio MCP server Turns 3D models into an augmented-reality scene in the browser and hands back one link that opens it in someone's room.
CX Codex +1
★ 11repo stars
nuxt-i18n-mcp MCP server An MCP server that lets your coding agent manage translations in Nuxt projects: spot missing keys, drop dead ones, rename across every locale.
CX Codex +1
★ 11repo stars
Open Components MCP server Hands your agent the contracts and rules for UI components, section by section, so the code matches the UX, DX and AX standard. No sign-in needed.
CX Codex +1
★ 11repo stars
Ply UI MCP server Hands your coding agent the Ply component catalog for Angular and Tailwind: search, metadata, and installs through the CLI.
CX Codex +1
★ 10repo stars
figma-mcp-express MCP server Lets an agent work inside the live Figma Desktop file: nodes, components, variables, styles and prototype links. Handy for design-system migrations.
CX Codex +1
★ 9repo stars
ui-ticket-mcp MCP server Click an element in the browser, leave a comment, and your coding agent picks it up over MCP and edits the code. Handy when showing a layout beats describing it.
CX Codex +1
★ 9repo stars
amCharts 5 MCP server Gives your agent on-demand access to amCharts 5 docs, code samples and API reference. Useful when you need a chart built without guessing.
CX Codex +1
★ 9repo stars
MCP Bench Router MCP server Sends design and frontend prompts to whichever model currently leads the designarena.ai board, through OpenRouter. Useful when your assistant's UI output looks flat.
CX Codex +1
★ 7repo stars
HTML/CSS to Image API MCP server Renders HTML/CSS into images, captures live website screenshots, and fills reusable templates to produce images or PDFs.
CX Codex +1
★ 7repo stars
liquefy-ui MCP server Answers questions about liquefy-ui from the library's actual API surface, so your coding agent stops making up props.
CX Codex +1
★ 6repo stars
validator MCP server Compares agent-written CSS against your design system and lists every value that sits off-token. Useful when the agent invents its own colors and spacing.
CX Codex +1
★ 6repo stars
mcp MCP server Lets an AI assistant create pages, upload assets and publish a site to a custom domain. Connects over a URL, no API keys to manage.
CX Codex +1
★ 5repo stars
81–116 of 116
