About

The MCP Inspector is a web application designed to connect to and inspect Model Context Protocol (MCP) servers. It provides users with a user-friendly interface to view available tools, execute them, and gather server information. The application is built using React and TypeScript, leveraging Next.js for server-side rendering and API routes. To use the MCP Inspector, users first need to connect to an MCP server by entering the server URL and selecting a transport method (such as SSE, Streamable HTTP, or Stdio). Once connected, the application displays a list of available tools provided by the server. Users can select a tool to view its details, including its description and input parameters. The application also allows users to test the selected tool by providing the necessary parameters and executing it, displaying the results in real-time. Key features of the MCP Inspector include: - Connection panel for establishing a connection to an MCP server. - Tools panel that lists all available tools from the connected server, along with their descriptions and input schemas. - Test panel for executing selected tools with user-defined parameters and displaying the results. - Server information panel that provides details about the connected server, including its name, version, and capabilities. - Responsive design that adapts to different screen sizes, ensuring usability across devices. The application utilizes various technologies, including: - React for building the user interface components. - TypeScript for type safety and improved developer experience. - Next.js for server-side rendering and API route handling. - Radix UI components for accessible and customizable UI elements. - Lucide icons for visual representation of actions and statuses. Overall, the MCP Inspector serves as a comprehensive tool for developers and users to interact with MCP servers, facilitating the exploration and execution of server-side tools in a streamlined manner.