Get the FREE Ultimate OpenClaw Setup Guide →

zed-mui

A Zed extension for the documentation-retrieving Material UI MCP Server.

Installation
Run this command in your terminal to add the MCP server to Claude Code.
Run in terminal:
Command
claude mcp add --transport stdio danilo-leal-zed-mui-mcp-server node path/to/server.js \
  --env PORT="Port the MCP server should listen on (optional)" \
  --env ZED_API_KEY="Zed API key if required by the extension (optional)"

How to use

This MCP server extension exposes Material UI documentation data for Zed through an MCP interface. It retrieves and serves documentation data from Material UI (MUI) directly to Zed, enabling context-aware access to UI components and their documentation within your Zed workspace. After launching the server, you can configure Zed to target this MCP by referencing the mcp-mui-server context, and optionally tailor the results with a preferred theme or a specific component filter. The preferred_theme setting narrows documentation emphasis to a theme (for example dark or light), while component_filter allows you to limit the returned documentation to a defined subset of MUI components (e.g., Button, Card, TextField). These options are supplied under context_servers.mcp-mui-server.settings in your Zed configuration. Once configured, you can query the MCP server to fetch UI component docs and related guidance directly in Zed.

How to install

Prerequisites:

  • Node.js and npm installed on your system
  • Access to the MCP hosting environment (e.g., Zed context integration) where you can deploy MCP servers

Installation steps:

  1. Ensure Node.js is installed: node -v and npm -v
  2. Obtain the MCP server extension (clone the repository or install via your preferred method in your environment)
  3. Install dependencies (if applicable): npm install
  4. Start the MCP server (adjust the path to your server entry as needed): node path/to/server.js
  5. In your Zed configuration, register the MCP server under the appropriate context, for example: { "context_servers": { "mcp-mui-server": { "settings": { "preferred_theme": "dark", "component_filter": ["Button", "Card", "TextField"] } } } }
  6. Point Zed to the running MCP server using the specified command/port, ensuring any required environment variables are set as described in the mcp_config.

Additional notes

Tips:

  • The optional settings under context_servers.mcp-mui-server.settings let you customize results without altering the server code. If you omit them, the server will serve default MUI documentation data.
  • If you encounter connectivity issues, verify that the PORT (if used) is open and that your MCP server process is reachable from the Zed environment.
  • If the server requires an API key, store Zed-related credentials securely and provide them via the Zed environment or configuration management system as appropriate.
  • The npm_package field is null for this MCP server since a specific package name could not be determined from the provided README content.

Related MCP Servers

Sponsor this space

Reach thousands of developers