playwright-server MCP server

1# playwright-server MCP server
2 
3\A MCP server with playwright tools\
4 
5<a href="https://glama.ai/mcp/servers/c50bsocgzb"><img width="380" height="200" src="https://glama.ai/mcp/servers/c50bsocgzb/badge" alt="Playwright Server MCP server" /></a>
6 
7## Components
8 
9### Resources
10 
11The server implements a simple note storage system with:
12- Custom note:// URI scheme for accessing individual notes
13- Each note resource has a name, description and text/plain mimetype
14 
15### Prompts
16 
17The server provides a single prompt:
18- summarize-notes: Creates summaries of all stored notes
19  - Optional "style" argument to control detail level (brief/detailed)
20  - Generates prompt combining all current notes with style preference
21 
22### Tools
23 
24The server implements the following tools:
25- `playwright_navigate`: Navigates to a specified URL. This operation will automatically create a new session if there is no active session.
26  - Requires a `url` argument (string).
27- `playwright_screenshot`: Takes a screenshot of the current page or a specific element.
28  - Requires a `name` argument (string) for the screenshot file name.
29  - Optional `selector` argument (string) to specify a CSS selector for the element to screenshot. If no selector is provided, a full-page screenshot is taken.
30- `playwright_click`: Clicks an element on the page using a CSS selector.
31  - Requires a `selector` argument (string) to specify the CSS selector for the element to click.
32- `playwright_fill`: Fills out an input field.
33  - Requires a `selector` argument (string) to specify the CSS selector for the input field.
34  - Requires a `value` argument (string) to specify the value to fill.
35- `playwright_evaluate`: Executes JavaScript code in the browser console.
36  - Requires a `script` argument (string) to specify the JavaScript code to execute.
37- `playwright_click_text`: Clicks an element on the page by its text content.
38  - Requires a `text` argument (string) to specify the text content of the element to click.
39- `playwright_get_text_content`: Get the text content of all visiable elements.
40- `playwright_get_html_content`: Get the HTML content of the page.
41  - Requires a `selector` argument (string) to specify the CSS selector for the element.
42 
43## Configuration
44 
45[TODO: Add configuration details specific to your implementation]
46 
47## Quickstart
48 
49### Install
50 
51#### Claude Desktop
52 
53On MacOS: `~/Library/Application\ Support/Claude/claude_desktop_config.json`
54On Windows: `%APPDATA%/Claude/claude_desktop_config.json`
55 
56<details>
57  <summary>Development/Unpublished Servers Configuration</summary>
58  ```
59  "mcpServers": {
60    "playwright-server": {
61      "command": "uv",
62      "args": [
63        "--directory",
64        "C:\Users\xxxxx\Documents\project\python\mcp\playwright-server",
65        "run",
66        "playwright-server"
67      ]
68    }
69  }
70  ```
71</details>
72 
73<details>
74  <summary>Published Servers Configuration</summary>
75  ```
76  "mcpServers": {
77    "playwright-server": {
78      "command": "uvx",
79      "args": [
80        "playwright-server"
81      ]
82    }
83  }
84  ```
85</details>
86 
87## Development
88 
89### Building and Publishing
90 
91To prepare the package for distribution:
92 
931. Sync dependencies and update lockfile:
94```bash
95uv sync
96```
97 
982. Build package distributions:
99```bash
100uv build
101```
102 
103This will create source and wheel distributions in the `dist/` directory.
104 
1053. Publish to PyPI:
106```bash
107uv publish
108```
109 
110Note: You'll need to set PyPI credentials via environment variables or command flags:
111- Token: `--token` or `UV_PUBLISH_TOKEN`
112- Or username/password: `--username`/`UV_PUBLISH_USERNAME` and `--password`/`UV_PUBLISH_PASSWORD`
113 
114### Debugging
115 
116Since MCP servers run over stdio, debugging can be challenging. For the best debugging
117experience, we strongly recommend using the [MCP Inspector](https://github.com/modelcontextprotocol/inspector).
118 
119 
120You can launch the MCP Inspector via [`npm`](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm) with this command:
121 
122```bash
123npx @modelcontextprotocol/inspector uv --directory C:\Users\YUNYING\Documents\project\python\mcp\playwright-server run playwright-server
124```
125 
126 
127Upon launching, the Inspector will display a URL that you can access in your browser to begin debugging.
128