What is Gyazo MCP Server

The Gyazo MCP server is a TypeScript-based implementation of the Model Context Protocol that enables AI assistants to access and manage Gyazo images. It allows for integration with the Gyazo API, enabling functionalities like image retrieval and metadata access.

Use cases

This server can be used by developers wanting to build applications that require image storage, retrieval, and management using Gyazo. It supports features such as image uploading, searching, and obtaining metadata, making it suitable for content management, image analysis, and integration into various AI systems.

How to use

To use the Gyazo MCP server, install it via npm or Docker. Set your Gyazo API access token as an environment variable. Configure the server in your application, specifying commands and arguments. Then, utilize the provided tools for searching, fetching, or uploading images.

Key features

Key features include support for accessing Gyazo images via unique URIs, full-text search capabilities, image fetching with metadata, the ability to fetch the latest image, and options for uploading images with additional metadata. It supports multiple image formats and provides OCR data where available.

Where to use

The Gyazo MCP server is suitable for applications requiring image handling, such as web and mobile apps for content creators, online documentation systems, digital asset management tools, or AI-driven interfaces where image data plays a crucial role.

gyazo-mcp-server

A Model Context Protocol server for Gyazo image integration

This is a TypeScript-based MCP server that provides access to Gyazo images. It allows AI assistants to access and interact with Gyazo images through the Model Context Protocol, providing:

• Resources representing Gyazo images with URIs and metadata
• Tools for searching, fetching, and uploading images
• Image content and metadata access via the Gyazo API

Features

Resources

• List and access Gyazo images via gyazo-mcp:// URIs
• Each image includes:
  • Original image content
  • Metadata (title, description, app, URL)
  • OCR data (if available)
• Supports various image formats (JPEG, PNG, etc.)

Tools

• gyazo_search - Full-text search for captures uploaded by users on Gyazo

  • Search by keyword, title, app, URL, or date range
  • Supports pagination for browsing multiple results
  • Returns matching image URIs and metadata

• gyazo_image - Fetch image content and metadata from Gyazo

  • Retrieve specific images by ID or URL
  • Returns both image content and detailed metadata

• gyazo_latest_image - Fetch the most recent image from Gyazo

  • Returns both image content and metadata
  • Includes OCR text if available

• gyazo_upload - Upload an image to Gyazo

  • Upload images with base64 encoded image data
  • Add optional metadata like title, description, referer URL, and app name
  • Returns the uploaded image’s permalink URL and ID

Installation

NPM Package

The easiest way to install the Gyazo MCP server is via npm:

npm install -g @notainc/gyazo-mcp-server

Prerequisites

• Create a Gyazo account if you don’t have one: https://gyazo.com
• Get your Gyazo API access token from: https://gyazo.com/api
  • Click “Register applications” button
  • Click “New Application” button
  • Fill in the form with your app name and description
    • Name and Callback URL are required
    • You can use http://localhost for the Callback URL
  • Click “Submit” button
  • Click application name to view details
  • Scroll down to “Your Access Token”
  • Click “Generate” button
  • Copy “Your access token” value
• Set the GYAZO_ACCESS_TOKEN environment variable with your token

Claude Desktop Integration

To use with Claude Desktop, add the server config:

On MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json
On Windows: %APPDATA%/Claude/claude_desktop_config.json

Using NPM package (recommended)

{
  "mcpServers": {
    "gyazo-mcp-server": {
      "command": "npx",
      "args": [
        "@notainc/gyazo-mcp-server"
      ],
      "env": {
        "GYAZO_ACCESS_TOKEN": "your-access-token-here"
      }
    }
  }
}

Using Docker (optional)

{
  "mcpServers": {
    "gyazo-mcp-server": {
      "command": "docker",
      "args": [
        "run",
        "-i",
        "--rm",
        "-e",
        "GYAZO_ACCESS_TOKEN",
        "gyazo-mcp-server"
      ],
      "env": {
        "GYAZO_ACCESS_TOKEN": "your-access-token-here"
      }
    }
  }
}

Development

Install dependencies:

npm ci

Build the server:

npm run build

For development with auto-rebuild:

npm run watch

Docker Build (optional)

npm run image:build