imgix MCP Server

About

## Imgix MCP Server: Real-Time Image Processing The **Imgix MCP Server** integrates the powerful real-time image processing and CDN platform directly into Google Antigravity, enabling AI assistants to transform, optimize, and deliver images through URL-based parameters. This integration brings sophisticated image processing to your development workflow without server-side rendering. ### Why Imgix MCP? - **URL-Based API**: Transform images through simple URL parameters without pre-processing or storage duplication - **Real-Time Processing**: Apply transformations on-the-fly at the CDN edge for instant results - **Responsive Images**: Generate srcset images automatically for responsive web design - **Smart Features**: Auto-format detection, content-aware cropping, and face detection for intelligent transformations - **Global CDN**: Deliver optimized images through a worldwide content delivery network ### Key Features #### 1. Image Transformations ```python from anthropic import Anthropic client = Anthropic() response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Generate a URL for this image resized to 400x300, cropped to face, with auto-format" }], tools=[{ "name": "imgix_transform", "description": "Generate transformation URLs" }] ) ``` #### 2. Responsive Images ```python # Generate responsive srcset response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Create a responsive srcset for this hero image at 320, 640, 1024, and 2048 widths" }], tools=[{"name": "imgix_srcset", "description": "Generate responsive image sets"}] ) ``` #### 3. Visual Effects ```python # Apply image effects response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Apply a blur effect and grayscale filter to create a background overlay image" }], tools=[{"name": "imgix_effects", "description": "Apply visual effects"}] ) ``` #### 4. Metadata Extraction ```python # Get image metadata response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Extract the dimensions, color palette, and EXIF data from this image" }], tools=[{"name": "imgix_metadata", "description": "Extract image metadata"}] ) ``` ### Configuration ```json { "mcpServers": { "imgix": { "command": "npx", "args": ["-y", "@anthropic/mcp-imgix"], "env": { "IMGIX_DOMAIN": "your-domain.imgix.net", "IMGIX_SECURE_URL_TOKEN": "your-secure-token" } } } } ``` ### Use Cases **E-commerce Product Images**: Serve perfectly sized product images across all device sizes and formats. **Content Management**: Process editorial images with consistent crops, watermarks, and quality settings. **User Avatars**: Generate consistent avatar thumbnails with face detection and circular cropping. **Social Sharing**: Create Open Graph images with text overlays and optimized dimensions. The Imgix MCP Server brings real-time image processing directly into your development workflow, enabling sophisticated visual transformations through simple URL manipulation.

Installation

{
  "mcpServers": {
    "imgix": {
      "mcpServers": {
        "imgix": {
          "env": {
            "IMGIX_API_KEY": "your-api-key"
          },
          "args": [
            "-y",
            "imgix-mcp-server"
          ],
          "command": "npx"
        }
      }
    }
  }
}

How to Use

1. 1Get imgix API key
2. 2Configure source
3. 3Process images