Skip to content

Commit 6a72059

Browse files
committed
polish
1 parent 30c6cae commit 6a72059

File tree

2 files changed

+19
-2
lines changed

2 files changed

+19
-2
lines changed

content/manuals/ai/mcp-catalog-and-toolkit/catalog.md

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -36,9 +36,9 @@ Each catalog entry provides:
3636
- Version history
3737
- Example configuration for agent integration
3838

39-
## Example: How to use an MCP server on Docker Hub
39+
## Example: How to use an MCP server from Docker Hub
4040

41-
The following example uses the Puppeteer MCP server to take a screenshot of a website and invert the colors using Claude Desktop and Docker Desktop.
41+
The following example uses the Puppeteer MCP server to take a screenshot of a website and invert the colors using Claude Desktop and Docker Desktop. It assumes you have already installed and set up Claude Desktop and Docker Desktop.
4242

4343
1. Update the `claude_desktop_config.json` file to include the following configuration:
4444

@@ -70,3 +70,7 @@ The following example uses the Puppeteer MCP server to take a screenshot of a we
7070
```
7171

7272
Once you've given your consent to use the new tools, Claude spins up the Puppeteer MCP server inside a container, navigates to the target URL, captures and modify the page, and returns the screenshot.
73+
74+
> [!TIP]
75+
>
76+
> Don't want to set up manually? Use the [Docker MCP Toolkit](toolkit.md#example) to connect MCP servers to AI agents in one click.

content/manuals/ai/mcp-catalog-and-toolkit/toolkit.md

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,3 +24,16 @@ To enable an MCP server, simply use the toggle switch to toggle it on.
2424

2525
The **MCP Clients** tab lets you connect your enabled MCP servers to supported agents. Connection is as simple as selecting **Connect**, so you can switch between LLM providers without altering your MCP server integrations or security configurations.
2626

27+
### Example
28+
29+
The following example takes the [MCP Catalog example] and shows how you can reduce manual setup. It assumes you have already installed and set up Claude Desktop.
30+
31+
1. In the Docker MCP Toolkit extension, search for the Puppeteer MCP server in the **MCP Servers** tab, and toggle it on to enable.
32+
2. From the **MCP Clients** tab, select the **Connect** button for Claude Desktop.
33+
3. Within Claude Desktop, submit the following prompt using the Sonnet 3.5 model:
34+
35+
```text
36+
Take a screenshot of docs.docker.com and then invert the colors
37+
```
38+
39+
Once you've given your consent to use the new tools, Claude spins up the Puppeteer MCP server inside a container, navigates to the target URL, captures and modify the page, and returns the screenshot.

0 commit comments

Comments
 (0)