Gdx Image Webify

Sharp Modelcontextprotocol

Description

MCP-GDX-Image-Webify is an MCP Server (Stdio) based on Node.js and typescript, that allows you to convert images into the WebP or AVIF formats using the sharp library. It supports multiple image formats such as JPG, JPEG, PNG, WebP, TIFF, AVIF, GIF, and SVG. The tool allows you to specify the quality of the conversion and the output directory for the converted images. On result it shows original size, new size and saving.

Installation

Prerequisites

Node.js NPM

Install

1. Clone the repository:

git clone https://github.com/geckod22/MCP-GDX-Image-Webify.git
cd MCP-GDX-Image-Webify

2. Install deps

npm install

3. Build

npm run build

MCP Client configuration

npm run installToClients

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "node",
      "args": ["your_path\\MCP-GDX-Image-Webify\\build\\index.js"]
    }
  }
}

Your first prompt

Ex of usage. Open your project folder and run gemini cli, then Enter the following prompt to check if everything is working:

Convert the images in the current project images folder to webp with quality 80.

Testing

Run the Inspector:

npx @modelcontextprotocol/inspector node build/index.js

Contributing

Contributions are welcome! Feel free to open issues or submit pull requests to improve the project.

License

This project is licensed under the MIT License.

Credits

This project uses Sharp for high-performance image processing, licensed under the Apache License 2.0.