mcp-painter

mcp-painter

1
entertainment_and_media

MCP-painter is a drawing tool example project using the MCP protocol. It offers brush customization and PNG-format image retrieval with real-time visualization via websocket communication. The project demonstrates a complete MCP-server application.

MCP-painter

A drawing tool example project based on the MCP protocol, supporting brush tools and drawing result retrieval.

Features

  • Brush Tools: Set brush width and color.
  • Drawing Results: Retrieve current canvas image in PNG format.
  • Visualization: Websocket communication between server and client, allowing real-time API call visualization.

Usage

  1. Navigate to the whiteBoard directory.
  2. Run npm install and npm run dev to start the application.
  3. Visit localhost:3000 to view the drawing board page.
  4. Test interfaces by running python draw_start.py.

MCP-server Usage

Compile using:

  • Navigate to mcp-painter
  • Run npm install and npm run build
  • Add mcp-painter in MCP protocol-supported clients for use.