This is a Model Context Protocol (MCP) server that integrates AgentQL's data extraction capabilities. - extract-web-data - extract structured data from a given 'url', using 'prompt' as a description of actual data and its fields to extract. To use AgentQL MCP Server to extract data from web pages, you need to install it via npm, get an API key from our Dev Portal, and configure it in your favorite
Add this skill
npx mdskills install tinyfish-io/agentql-mcpWell-documented MCP server with clear setup instructions across multiple IDEs and useful web data extraction
1# AgentQL MCP Server23This is a Model Context Protocol (MCP) server that integrates [AgentQL](https://agentql.com)'s data extraction capabilities.45## Features67### Tools89- `extract-web-data` - extract structured data from a given 'url', using 'prompt' as a description of actual data and its fields to extract.1011## Installation1213To use AgentQL MCP Server to extract data from web pages, you need to install it via npm, get an API key from our [Dev Portal](https://dev.agentql.com), and configure it in your favorite app that supports MCP.1415### Install the package1617```bash18npm install -g agentql-mcp19```2021### Configure Claude2223- Open Claude Desktop **Settings** via `⌘`+`,` (don't confuse with Claude Account Settings)24- Go to **Developer** sidebar section25- Click **Edit Config** and open `claude_desktop_config.json` file26- Add `agentql` server inside `mcpServers` dictionary in the config file27- Restart the app2829```json title="claude_desktop_config.json"30{31 "mcpServers": {32 "agentql": {33 "command": "npx",34 "args": ["-y", "agentql-mcp"],35 "env": {36 "AGENTQL_API_KEY": "YOUR_API_KEY"37 }38 }39 }40}41```4243Read more about MCP configuration in Claude [here](https://modelcontextprotocol.io/quickstart/user).4445### Configure VS Code4647For one-click installation, click one of the install buttons below:4849[](https://insiders.vscode.dev/redirect/mcp/install?name=agentql&config=%7B%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22-y%22%2C%22agentql-mcp%22%5D%2C%22env%22%3A%7B%22AGENTQL_API_KEY%22%3A%22%24%7Binput%3AapiKey%7D%22%7D%7D&inputs=%5B%7B%22type%22%3A%22promptString%22%2C%22id%22%3A%22apiKey%22%2C%22description%22%3A%22AgentQL+API+Key%22%2C%22password%22%3Atrue%7D%5D) [](https://insiders.vscode.dev/redirect/mcp/install?name=agentql&config=%7B%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22-y%22%2C%22agentql-mcp%22%5D%2C%22env%22%3A%7B%22AGENTQL_API_KEY%22%3A%22%24%7Binput%3AapiKey%7D%22%7D%7D&inputs=%5B%7B%22type%22%3A%22promptString%22%2C%22id%22%3A%22apiKey%22%2C%22description%22%3A%22AgentQL+API+Key%22%2C%22password%22%3Atrue%7D%5D&quality=insiders)5051#### Manual Installation5253Click the install buttons at the top of this section for the quickest installation method. For manual installation, follow these steps:5455Add the following JSON block to your User Settings (JSON) file in VS Code. You can do this by pressing `Ctrl + Shift + P` and typing `Preferences: Open User Settings (JSON)`.5657```json58{59 "mcp": {60 "inputs": [61 {62 "type": "promptString",63 "id": "apiKey",64 "description": "AgentQL API Key",65 "password": true66 }67 ],68 "servers": {69 "agentql": {70 "command": "npx",71 "args": ["-y", "agentql-mcp"],72 "env": {73 "AGENTQL_API_KEY": "${input:apiKey}"74 }75 }76 }77 }78}79```8081Optionally, you can add it to a file called `.vscode/mcp.json` in your workspace. This will allow you to share the configuration with others.8283```json84{85 "inputs": [86 {87 "type": "promptString",88 "id": "apiKey",89 "description": "AgentQL API Key",90 "password": true91 }92 ],93 "servers": {94 "agentql": {95 "command": "npx",96 "args": ["-y", "agentql-mcp"],97 "env": {98 "AGENTQL_API_KEY": "${input:apiKey}"99 }100 }101 }102}103```104105### Configure Cursor106107- Open **Cursor Settings**108- Go to **MCP > MCP Servers**109- Click **+ Add new MCP Server**110- Enter the following:111 - Name: "agentql" (or your preferred name)112 - Type: "command"113 - Command: `env AGENTQL_API_KEY=YOUR_API_KEY npx -y agentql-mcp`114115Read more about MCP configuration in Cursor [here](https://docs.cursor.com/context/model-context-protocol).116117### Configure Windsurf118119- Open **Windsurf: MCP Configuration Panel**120- Click **Add custom server+**121- Alternatively you can open `~/.codeium/windsurf/mcp_config.json` directly122- Add `agentql` server inside `mcpServers` dictionary in the config file123124```json title="mcp_config.json"125{126 "mcpServers": {127 "agentql": {128 "command": "npx",129 "args": ["-y", "agentql-mcp"],130 "env": {131 "AGENTQL_API_KEY": "YOUR_API_KEY"132 }133 }134 }135}136```137138Read more about MCP configuration in Windsurf [here](https://docs.codeium.com/windsurf/mcp).139140### Validate MCP integration141142Give your agent a task that will require extracting data from the web. For example:143144```text145Extract the list of videos from the page https://www.youtube.com/results?search_query=agentql, every video should have a title, an author name, a number of views and a url to the video. Make sure to exclude ads items. Format this as a markdown table.146```147148> [!TIP]149> In case your agent complains that it can't open urls or load content from the web instead of using AgentQL, try adding "use tools" or "use agentql tool" hint.150151## Development152153Install dependencies:154155```bash156npm install157```158159Build the server:160161```bash162npm run build163```164165For development with auto-rebuild:166167```bash168npm run watch169```170171If you want to try out development version, you can use the following config instead of the default one:172173```json174{175 "mcpServers": {176 "agentql": {177 "command": "/path/to/agentql-mcp/dist/index.js",178 "env": {179 "AGENTQL_API_KEY": "YOUR_API_KEY"180 }181 }182 }183}184```185186> [!NOTE]187> Don't forget to remove the default AgentQL MCP server config to not confuse Claude with two similar servers.188189## Debugging190191Since MCP servers communicate over stdio, debugging can be challenging. We recommend using the [MCP Inspector](https://github.com/modelcontextprotocol/inspector), which is available as a package script:192193```bash194npm run inspector195```196197The Inspector will provide a URL to access debugging tools in your browser.198
Full transparency — inspect the skill content before installing.