Gemini MCP Server
About
# Gemini MCP Server Multi-context processing (MCP) server using Gemini API for analyzing webpages. ## Features - Screenshot and analyze webpages - Tag and metadata for screenshots - Retrieve screenshots and associated data via API ## API Endpoints ### Process a webpage ``` POST /process ``` Request body: ```json {…
Explore
- Screenshot and analyze webpages
- Tag and metadata for screenshots
- Retrieve screenshots and associated data via API
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
Gemini MCP ServerCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
1. Clone the repository
2. Create a .env file based on .env.example
3. Run npm install
4. Run npm run build
5. Start the server with npm start
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"gemini mcp server": {
"gemini-mcp-server-muckitymuck": {
"url": "https://example.com",
"prompt": "Describe what you see on this webpage"
}
}
}
}McpServers
{
"gemini-mcp-server-muckitymuck": {
"url": "https://example.com",
"prompt": "Describe what you see on this webpage"
}
}Multi-context processing (MCP) server using Gemini API for analyzing webpages.
Features
- Screenshot and analyze webpages
- Tag and metadata for screenshots
- Retrieve screenshots and associated data via API
API Endpoints
Process a webpage
POST /process
Request body:
{
"url": "https://example.com",
"prompt": "Describe what you see on this webpage"
}
Get screenshots
Get screenshot by ID
GET /screenshots/:id
Example:
GET /screenshots/123
Response:
{
"id": 123,
"url": "https://example.com",
"prompt": "Describe what you see on this webpage",
"created_at": "2023-06-15T12:34:56Z",
"tags": ["initial_load", "page_entry"],
"metadata": {
"pageState": "initial",
"pageTitle": "Example Domain"
},
"download_url": "https://yoursupabaseproject.supabase.co/storage/v1/object/public/screenshots/screenshot_1234.png"
}
Get screenshots with filters
GET /screenshots?tag=initial_load
or
GET /screenshots?key=pageTitle&value=Example%20Domain
Response:
{
"count": 2,
"screenshots": [
{
"id": 123,
"url": "https://example.com",
"prompt": "Describe what you see on this webpage",
"created_at": "2023-06-15T12:34:56Z",
"tags": ["initial_load", "page_entry"],
"metadata": {
"pageState": "initial",
"pageTitle": "Example Domain"
},
"download_url": "https://yoursupabaseproject.supabase.co/storage/v1/object/public/screenshots/screenshot_1234.png"
},
// Additional screenshots...
]
}
Installation
1. Clone the repository
2. Create a .env file based on .env.example
3. Run npm install
4. Run npm run build
5. Start the server with npm start
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
