Draw-it-MCP

Provides an AI-powered browser drawing app with optional Claude/Cursor integration for art analysis and feedback.

javascript

0

GitHub Stars

javascript

Language

6 months ago

First Indexed

3 months ago

Catalog Refreshed

Documentation & install

Readme and setup notes from the catalogue, plus a client-ready config you can copy for your MCP host.

Installation

Add the following to your MCP client configuration file.

Configuration

View docs

{
  "mcpServers": {
    "pandoll-ai-draw-it-mcp": {
      "command": "npx",
      "args": [
        "draw-it-mcp"
      ]
    }
  }
}

Draw-it-MCP is a lightweight, MCP-enabled client that lets you run a browser-based drawing app with optional AI-powered analysis. You can start quickly with a one-off command or install it globally for a persistent, stable connection to your MCP client of choice, making it easy to share sessions and integrate with AI tools.

How to use

You can start using Draw-it-MCP in two ways. For a quick, temporary session, run npx draw-it-mcp and your browser will open to the drawing app. This is great for trying out the tool without committing to a global install.

For a permanent installation with stable MCP connections, install the CLI globally and start it. This enables reliable integration with AI editors like Claude Code and Cursor, so you can analyze and discuss your artwork as you work.

Once started, the server binds to an available port and automatically opens your browser to the drawing app. You can begin drawing immediately and use the AI features if you’ve connected an MCP client.

How to install

Prerequisites you need before installation: Node.js 18 or newer and a modern web browser.

Option A: Quick start for temporary use (no global install) — run this command in your terminal:

npx draw-it-mcp

Option B: Permanent installation with global access (recommended for stable MCP connections) — run these commands in order:

npm install -g draw-it-mcp

draw-it-mcp

Additional notes and tips

If you are using the CLI for a shared team setup, each member can run the temporary or permanent option to start their own session on an available port. The app supports auto-saving, multiple brush sizes, undo/redo, and 60 FPS rendering for a smooth drawing experience.

For AI-powered analysis, you can connect with supported editors to enable Claude Code or Cursor integration and start discussing composition, shapes, and suggestions directly from your drawing workspace.

Updating Draw-it-MCP

To update the installation, use the easy update command or reinstall globally if needed.

draw-it-mcp update

If the update fails, you can manually update with the following command:

npm install -g draw-it-mcp@latest

## System requirements

- Node.js 18+
- A modern web browser
- About 2 GB RAM or more for comfortable performance
- Any major operating system (Windows, macOS, Linux) when using the CLI.