WEBVTT 00:00.600 --> 00:02.100 -: Hey there, Eden here. 00:02.100 --> 00:05.400 And in this video, I want to introduce MCP Inspector, 00:05.400 --> 00:08.820 which is an open source project by the Anthropic team, 00:08.820 --> 00:11.430 which came up with the Model Context Protocol, 00:11.430 --> 00:13.260 which is going to help us 00:13.260 --> 00:17.220 and enable us to troubleshoot, debug, and trace 00:17.220 --> 00:21.240 and to see what actually happens in our MCP server. 00:21.240 --> 00:23.010 And this is a super important tool 00:23.010 --> 00:24.870 when building MCP servers, 00:24.870 --> 00:28.200 which makes your life a lot easier developing them. 00:28.200 --> 00:31.470 And this video is only a quick overview and an introduction. 00:31.470 --> 00:32.610 And in the rest of the course, 00:32.610 --> 00:35.400 we're going to see most of the useful features 00:35.400 --> 00:37.233 of the MCP Inspector. 00:38.310 --> 00:42.030 So MCP Inspector is an interactive dev tool 00:42.030 --> 00:46.200 designed for testing and debugging MCP servers, 00:46.200 --> 00:49.920 and it allows developers to inspect and interact 00:49.920 --> 00:53.970 with the MCP server without requiring any installation. 00:53.970 --> 00:57.930 So it can be ran locally from NPX, 00:57.930 --> 01:00.900 and it has a bunch of very useful features 01:00.900 --> 01:02.310 that are going to help us 01:02.310 --> 01:05.250 once we develop and use MCP servers. 01:05.250 --> 01:07.860 We can connect into an MCP server, 01:07.860 --> 01:09.840 we can check out the Resources tab, 01:09.840 --> 01:12.360 which will list all the available resources 01:12.360 --> 01:16.290 and show the metadata and allow the content inspection, 01:16.290 --> 01:17.820 which is very convenient. 01:17.820 --> 01:20.220 We have a section and a tab on Prompts, 01:20.220 --> 01:22.260 which will display the prompt templates, 01:22.260 --> 01:23.970 show the prompt arguments, 01:23.970 --> 01:26.700 and it will even allow us to enable testing 01:26.700 --> 01:30.480 with custom inputs to the prompt templates. 01:30.480 --> 01:32.940 And it also has a Tools tab, 01:32.940 --> 01:36.690 which will list all the available tools, all their schemas, 01:36.690 --> 01:38.790 and will even allow us to test those tools 01:38.790 --> 01:40.650 with custom inputs. 01:40.650 --> 01:42.960 We also have a Notifications pane, 01:42.960 --> 01:46.683 which will present logs and notifications from the server. 01:48.720 --> 01:50.400 All right, let me show you this in action. 01:50.400 --> 01:52.410 And here I'm going to connect to a server 01:52.410 --> 01:53.820 running in my local host, 01:53.820 --> 01:58.620 and I'm going to use an SSE server, not an STDIO server. 01:58.620 --> 02:02.250 Anyways, let's click Connect and this server exposes tools. 02:02.250 --> 02:03.930 So let's go and check out the tools 02:03.930 --> 02:06.540 and let's go and list first all the tools. 02:06.540 --> 02:10.680 And this specific MCP server is a documentation MCP server, 02:10.680 --> 02:13.260 which help us to fetch dynamically the latest 02:13.260 --> 02:17.040 and greatest documentation of famous packages. 02:17.040 --> 02:20.610 So do not worry about what exactly does the server does, 02:20.610 --> 02:22.470 but I want to show you the functionality 02:22.470 --> 02:24.480 of the MCP Inspector app. 02:24.480 --> 02:27.030 So here you can see after we listed the tools, 02:27.030 --> 02:28.710 we have here two tools. 02:28.710 --> 02:31.110 One is list document sources. 02:31.110 --> 02:32.430 We can even run the tool 02:32.430 --> 02:35.610 and we can see what output do we get. 02:35.610 --> 02:37.440 And the other is fetch docs. 02:37.440 --> 02:39.780 So I can paste here a dynamic input. 02:39.780 --> 02:41.520 Let me just fix the input here. 02:41.520 --> 02:44.550 And we can see the result of executing this tool. 02:44.550 --> 02:48.510 So this playground is very useful for debugging the tools 02:48.510 --> 02:51.393 and to see that our MCP server is working correctly.