Recraft AI

Recraft AI

Official
recraft-ai

Connects to Recraft's API to generate, edit, and manipulate both raster and vector images with fine-grained artistic control.

Integrates with Recraft's image generation API to create and edit raster and vector images, apply custom styles, manipulate backgrounds, upscale images, and perform vectorization with fine-grained control over artistic properties.

46442 views8Local (stdio)

What it does

  • Generate raster and vector images from text prompts
  • Edit existing images with precise modifications
  • Create custom artistic styles for image generation
  • Remove and replace image backgrounds
  • Upscale raster images to higher resolutions
  • Convert raster images to vector format

Best for

Designers creating custom artwork and illustrationsContent creators needing both raster and vector assetsDevelopers building image-heavy applicationsAnyone requiring high-quality image generation with style control
Supports both raster and vector formatsCustom style creation and applicationRequires Recraft API key

About Recraft AI

Recraft AI is an official MCP server published by recraft-ai that provides AI assistants with tools and capabilities via the Model Context Protocol. Recraft AI is an ai image generator for creating, editing, and upscaling raster or vector images with advanced artificia It is categorized under ai ml, design.

How to install

You can install Recraft AI in your AI client of choice. Use the install panel on this page to get one-click setup for Cursor, Claude Desktop, VS Code, and other MCP-compatible clients. This server runs locally on your machine via the stdio transport.

License

Recraft AI is released under the MIT license. This is a permissive open-source license, meaning you can freely use, modify, and distribute the software.

README image
Recraft MCP Server

README image npm version npm downloads smithery badge

This is an MCP (Model Context Protocol) server integrating MCP clients with Recraft's raster- and vector-image operations:

  • raster and vector image generation
  • raster and vector image editing
  • creating custom styles and generating images in them
  • vectorization of raster images
  • background removal and replacement
  • upscaling of raster images

By connecting this MCP server to your MCP client you will be able to generate high-quality raster and vector images using Recraft, combining different tools.

Table of Contents

Setup

Prerequisites

  • First of all, you will need a Recraft API key. To obtain it, register your account on Recraft; then go to your profile API page. Here you can buy API units (credits) and generate an API key.

  • You will need to have an MCP client installed, for example Claude Desktop.

Claude Desktop Extensions

If you are using Claude Desktop you can set up this server using Claude Desktop Extensions.

  • Download mcp-recraft-server.dxt from the latest release
  • Double-click the file to open it with Claude Desktop
  • Click Install
  • Fill out the form
  • Enable the server

In the form you need to paste your Recraft API key obtained on your profile API page. You can also specify a local path for generated image storage or indicate that all results should be stored remotely.

In case of installation issues, check that you have the latest version of Claude Desktop.

Smithery

You can find this MCP server on Smithery. If this MCP is installed from Smithery, all generation results will be stored remotely. Use Desktop Extensions or Manual Setup to store generation results on your local device.

Manual Setup

You're going to need Node running on your machine so you can run npx or node commands in your terminal. If you don't have Node, you can install it from nodejs.org.

From NPM

Modify your claude_desktop_config.json file to add the following:

{
  "mcpServers": {
    "recraft": {
      "command": "npx",
      "args": [
        "-y",
        "@recraft-ai/mcp-recraft-server@latest"
      ],
      "env": {
        "RECRAFT_API_KEY": "<YOUR_RECRAFT_API_KEY>",
        "IMAGE_STORAGE_DIRECTORY": "<YOUR_IMAGE_STORAGE_DIRECTORY>",
        "RECRAFT_REMOTE_RESULTS_STORAGE": "<YOUR_REMOTE_RESULTS_STORAGE_INDICATOR>"
      }
    }
  }
}

From source

Clone this repository:

git clone https://github.com/recraft-ai/mcp-recraft-server.git

In the directory with cloned repository run:

npm install
npm run build

Modify your claude_desktop_config.json file to add the following:

{
  "mcpServers": {
    "recraft": {
      "command": "node",
      "args": ["<ABSOLUTE_PATH_TO_CLONED_DIRECTORY>/dist/index.js"],
      "env": {
        "RECRAFT_API_KEY": "<YOUR_RECRAFT_API_KEY>",
        "IMAGE_STORAGE_DIRECTORY": "<YOUR_IMAGE_STORAGE_DIRECTORY>",
        "RECRAFT_REMOTE_RESULTS_STORAGE": "<YOUR_REMOTE_RESULTS_STORAGE_INDICATOR>"
      }
    }
  }
}

You can specify these parameters:

  • RECRAFT_API_KEY: mandatory parameter, your Recraft API key.
  • IMAGE_STORAGE_DIRECTORY: optional parameter, you can specify the directory in which all generated images will be stored. By default this directory is $HOME_DIR/.mcp-recraft-server. If RECRAFT_REMOTE_RESULTS_STORAGE="1", the value of this parameter is ignored.
  • RECRAFT_REMOTE_RESULTS_STORAGE: optional parameter, you can set the value to "1", in this case all generated images will be stored remotely and their URLs will be returned. Also, IMAGE_STORAGE_DIRECTORY will be ignored in this case.

Tools

In this MCP you can use the following tools:

Tool NameDescriptionParametersPrice
generate_imageGenerates raster/vector images from prompt- prompt
- style
- size
- model
- number of images
$0.04/$0.08 per raster/vector image
create_styleCreates a style from the list of images- list of images
- basic style
$0.04
vectorize_imageVectorizes raster image- image$0.01
image_to_imageGenerates raster/vector images from image and prompt- image
- prompt
- similarity strength
- style
- size
- model
- number of images
$0.04/$0.08 per raster/vector image
remove_backgroundRemoves background in image- image$0.01
replace_backgroundGenerates new background in image from prompt- image
- prompt for background
- style
- size
- model
- number of images
$0.04/$0.08 per raster/vector image
crisp_upscaleCrisp upscale of image- image$0.004
creative_upscaleCreative upscale of image- image$0.25
get_userGet information about the user and left balance

You can find the detailed explanation of tools, their parameters, and prices in Recraft API docs.

Alternatives

Related Skills

Browse all skills
flutter-development

Build beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.

969
ui-ux-pro-max

"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient."

407
senior-architect

Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python. Includes architecture diagram generation, system design patterns, tech stack decision frameworks, and dependency analysis. Use when designing system architecture, making technical decisions, creating architecture diagrams, evaluating trade-offs, or defining integration patterns.

130
frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

120
mcp-builder

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

67
screenshot-to-code

Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components, and generates responsive layouts. Use this when users provide screenshots of websites, apps, or UI designs and want code implementation.

62