Is Claude MCP the beginning of a true Agentic Era? Part 2
- Rifx.Online
- Programming , Technology/Web , Chatbots
- 26 Dec, 2024
In a previous blog post, I talked about MCP and how it can make Claude not just a chatbot, but a really powerful assistant that can interact with your local applications such as file systems, Google Drive, your email program and much more.
Let’s put theory into action and test the Rapid Summarizer, a tool that generates summaries from any given URL.
For this demonstration, the summarizer is running locally at localhost:3009
. We’ll use the Puppeteer MCP to navigate to the API testing interface, input a URL, trigger the summarization, and then save the result using the file system MCP.
This simple example showcases the potential for broader UI testing applications.
— -
Step by Step for Running on Mac (Similar on Windows)
- Download Claude for Desktop https://claude.ai/download and log in.
- Go to File -> Settings -> Edit config (this is basically the MCP config, the location where you save all the MCP servers you want to use).
A list of MCP servers to start with can be found here: https://github.com/modelcontextprotocol/servers
Copy and paste this to add the Puppeteer MCP:
{
"mcpServers": {
"puppeteer": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-puppeteer"]
},
"filesystem": {
"command": "docker",
"args": [
"run",
"-i",
"--rm",
"--mount", "type=bind,src=/tmp/,dst=/projects/Desktop",
"mcp/filesystem",
"/projects"
]
}
}
}
Note: You’d adjust the mount configuration for a real-world application. For now, we’re using
/tmp/
, meaning anything written to/projects/Desktop
within the MCP server’s Docker sandbox will appear in your system’s/tmp/
directory.
- Restart Claude.
Now, clicking the icon in the lower-right corner of your chat window will display the list of currently loaded tools.
Here is my prompt:
Open localhost:3009
and let the service summarize this blog post
and make a screenshot
https://medium.com/@airabbitX/protecting-your-email-online-all-you-need-to-know-a693cd11ea79
And let the magic begin…
It successfully opened the application at the specified URL (after a minor correction of adding /docs
to the address).
It located and clicked the “Try it” button.
It then entered the URL and clicked Execute. However, the UI didn’t seem to register the input. Anyway, let’s move on.
Now we got a summary of the initial URL www.example.com.
Initially, it didn’t detect that the summarization was complete. However, after prompting it to scroll, Claude recognized the summary and successfully saved it to a file as expected.
I confirmed this by checking the Docker container running the MCP server. Alternatively, you could verify it in the designated mount folder.
— -
Evaluation
This initial test was quite impressive:
- No additional software installation was required.
- Unlike Computer Use, there was no need to manually start Docker containers or Streamlit.
- MCP configuration and connections worked seamlessly out of the box, and Claude’s interactions with them are transparent (you can follow the entire conversation with each MCP server in the chat window).
- It operates significantly faster than Computer Use, thanks to its API-based approach instead of relying on point-and-click interactions