# attalla1/photopea-mcp-server [Health: Active]

**Category:** 🎨 Art & Culture  
**Repository:** https://github.com/attalla1/photopea-mcp-server  
**GitHub Stars:** 44  
**npm Downloads (last month):** 588  
**Views:** 2  
**Installs:** 0  
**Upvotes:** 0  
**Directory Page:** https://allmcps.com/mcp/attalla1-photopea-mcp-server

## Description
AI-powered image editing through Photopea with 34 tools for documents, layers, text, shapes, filters, effects, and export. npx photopea-mcp-server

## Tools
Capabilities this server exposes over MCP:

- **photopea_create_document** — Create a new blank document and make it the active document. This is typically the first step in a workflow. The document opens with a Background layer. Use open_file instead to edit an existing image.
- **photopea_open_file** — Open an existing image file in Photopea as a new document. Supports PSD, PNG, JPG, WebP, SVG, and other common formats. The opened file becomes the active document. Use create_document instead to start with a blank canvas.
- **photopea_get_document_info** — Get metadata about the active document including name, width, height, resolution (DPI), layer count, and color mode. Returns JSON. Use this to check document dimensions before positioning layers or making selections.
- **photopea_resize_document** — Resize the active document canvas to new pixel dimensions, resampling all layer content to fit. This is a destructive operation — all layers are scaled proportionally. Use undo to revert if needed.
- **photopea_close_document** — Close the active document. Set save to true to save changes before closing. Unsaved changes are discarded if save is false. The next open document becomes active, if any.
- **photopea_add_layer** — Add a new empty layer to the active document. The new layer becomes the active layer. Use this before operations that draw onto a layer, such as fill_selection or add_gradient.
- **photopea_add_fill_layer** — Add a non-destructive solid color fill layer that covers the entire canvas. Unlike fill_selection, this creates a separate adjustment-style layer that can be toggled, recolored, or deleted without affecting other layers. Use set_layer_properties to change its opacity or blend mode.
- **photopea_delete_layer** — Permanently remove a layer from the active document by name or index. The next layer in the stack becomes active after deletion. Use get_layers to see available layers before deleting.
- **photopea_select_layer** — Set a layer as the active layer by name or index. Many tools (apply_filter, apply_adjustment, fill_selection) operate on the active layer — use this to target a specific layer first. Use get_layers to find layer names and indices.
- **photopea_set_layer_properties** — Update one or more properties on a layer. Only specified properties are changed; others remain at their current values. Use get_layers to inspect current property values before modifying.
- **photopea_move_layer** — Translate a layer by a relative x/y offset in pixels from its current position. Positive x moves right, positive y moves down. Use get_layers to check current layer bounds, or transform_layer for scaling and rotation.
- **photopea_duplicate_layer** — Create a copy of a layer in the active document. The duplicate becomes the active layer and is placed above the original. Use newName to distinguish the copy from the original.
- **photopea_reorder_layer** — Move a layer to a new position in the layer stack. Use 'top' or 'bottom' to move to the ends of the stack, or 'above'/'below' to shift one position relative to the current index. Use get_layers to see the current layer order.
- **photopea_group_layers** — Group multiple layers into a layer group (folder). Layers are specified by name — use get_layers to find layer names. Grouped layers can be ungrouped later with ungroup_layers.
- **photopea_ungroup_layers** — Dissolve a layer group, moving all child layers to the document root. The group folder is removed but its contents are preserved. Use get_layers to find group names.
- **photopea_get_layers** — Get the full layer tree of the active document as JSON. Returns an array of layer objects with name, type, index, visible, opacity, blendMode, and bounds properties. Groups contain nested children arrays. Use this to discover layer names and indices for other layer operations.
- **photopea_add_text** — Add a new text layer to the active document at the specified position. The text layer becomes the active layer. Use paragraphBounds to create a text box with word wrapping, or omit for point text. Use load_font to add custom fonts, and list_fonts to find available font names.
- **photopea_edit_text** — Modify the content or style of an existing text layer. Only specified properties are changed — omit parameters to keep their current values. Use get_layers to find text layer names if needed.
- **photopea_add_shape** — Add a vector shape layer (rectangle or ellipse) to the active document. The shape layer becomes the active layer. Shapes are non-destructive and can be resized with transform_layer without quality loss.
- **photopea_place_image** — Place an image into the active document from a URL or local file path. Creates a new layer with the placed image as the active layer. Use width/height to resize while preserving aspect ratio, or x/y to position the layer.
- **photopea_apply_adjustment** — Apply a destructive image adjustment to the active layer's pixel data. Use select_layer to target a specific layer first. Modifies pixels directly — use undo to revert if needed.
- **photopea_apply_filter** — Apply a destructive filter effect to the active layer's pixel data. Use select_layer to target a specific layer first. Modifies pixels directly — use undo to revert if needed.
- **photopea_transform_layer** — Scale, rotate, or flip a layer in-place. Modifies the layer's pixel data destructively. Use get_layers to check current layer bounds before transforming, and undo to revert if needed.
- **photopea_add_gradient** — Apply a linear gradient fill to a layer, replacing its current pixel content. The target layer must already exist — use add_layer to create one first. Colors are distributed evenly across the gradient.
- **photopea_make_selection** — Create a pixel selection region in the active document. After creating a selection, use fill_selection to fill it with color, or clear_selection to deselect. Use type 'all' to select the entire canvas, or 'rect'/'ellipse' with bounds for a specific region.
- **photopea_modify_selection** — Modify the current active selection. Requires an existing selection created by make_selection. For expand, contract, and feather, the amount parameter specifies pixels. Invert swaps selected and unselected areas.
- **photopea_fill_selection** — Fill the current selection with a solid color on the active layer. Requires an active selection — use make_selection to create one first. Modifies pixel data on the active layer directly. Use clear_selection afterward to deselect.
- **photopea_clear_selection** — Deselect the current selection in the active document, removing the marching ants. Does not modify any pixel data. Use after fill_selection or other selection-based operations are complete.
- **photopea_export_image** — Export the active document to a file and save it to the local filesystem. The entire document is flattened and exported in the chosen format. Use create_document or open_file to set up the document before exporting.
- **photopea_load_font** — Load a custom font from a URL (TTF, OTF, or WOFF2) into Photopea. The font becomes available for add_text and edit_text. Use list_fonts to find the PostScript name after loading.
- **photopea_list_fonts** — List available fonts in Photopea. Returns font PostScript names that can be used with add_text and edit_text.
- **photopea_run_script** — Execute arbitrary Photopea/ExtendScript JavaScript in the Photopea environment. Use this for advanced operations not covered by other tools. Has full access to the Photopea DOM (app, activeDocument, layers). Use with caution — scripts can modify or delete any document data.
- **photopea_undo** — Undo one or more recent actions in the active document. Each step reverses one operation from the history. Use after destructive operations (apply_filter, apply_adjustment, fill_selection) to revert changes.
- **photopea_redo** — Redo one or more previously undone actions in the active document. Only available after using undo — the redo history is cleared when new actions are performed.

## Claude Desktop Quick Installation
Install path detected from listing signals. Uses `npx` (confidence: high):

```json
"mcpServers": {
  "photopea-mcp-server": {
    "command": "npx",
    "args": ["-y","photopea-mcp-server"]
  }
}
```

## Documentation

## What attalla1/photopea-mcp-server MCP server does

attalla1/photopea-mcp-server MCP server lets an MCP-compatible agent operate Photopea documents through structured tools. It supports blank-document creation and opening existing PSD, PNG, JPG, WebP, SVG, and other common image formats. Agents can inspect document metadata, resize canvases, close documents, and export the finished document to local files.

The server covers layer-oriented editing as well as basic composition. Layer tools can create, remove, select, duplicate, move, reorder, group, ungroup, and update layers. Text tools add or edit text layers, while shape tools create rectangle or ellipse vector layers. Images can be placed from a URL or local path.

Editing tools include adjustments for brightness and contrast, hue and saturation, levels, and curves; filters such as Gaussian blur, sharpen, unsharp mask, noise, and motion blur; layer transforms; gradients; rectangular, elliptical, and full-canvas selections; selection expansion, contraction, feathering, inversion, filling, and clearing. Font loading and font listing support text workflows.

## How it works

The MCP server uses stdio to receive tool calls from the agent. It translates parameters into Photopea JavaScript API calls, sends those scripts through a WebSocket bridge, and communicates with Photopea in a browser through `postMessage`. A browser window opens automatically during the first tool call because Photopea runs inside the browser.

Most operations act on the active document or active layer. A typical workflow creates or opens a document, inspects its dimensions and layer tree, selects the target layer, performs edits, and exports the result. Destructive operations include document resizing, pixel adjustments, filters, transforms, and selection fills; the available undo and redo tools can help manage those changes.

## Setup and configuration

The package can be launched without a global installation using:

```bash
npx -y photopea-mcp-server
```

For Claude Code, the README provides:

```bash
claude mcp add -s user photopea -- npx -y photopea-mcp-server
```

Claude Desktop, Cursor, VS Code with Copilot, and Windsurf can run it as a stdio MCP server with `npx` and the `-y photopea-mcp-server` arguments. The repository also documents a development setup based on cloning the project, running `npm install`, building with `npm run build`, and starting the server.

## Tools and capabilities

The attalla1/photopea-mcp-server MCP server organizes its 34 tools around documents, layers, text and shapes, image effects, export, and utilities. Layer inspection returns JSON containing names, types, indices, visibility, opacity, blend mode, and bounds; groups include nested children. Document inspection returns the name, dimensions, resolution, layer count, and color mode.

Export flattens the complete document and writes the selected PNG, JPG, WebP, PSD, or SVG format to the local filesystem. Custom TTF, OTF, and WOFF2 fonts can be loaded from a URL before creating or editing text. The server also exposes arbitrary Photopea JavaScript execution, undo, redo, and optional font search capabilities as documented by the project.

## Limitations and notes

Photopea is browser-based, so a browser window and the WebSocket bridge are required for editing. Operations that rely on an active document or layer should be preceded by the relevant create, open, inspect, or select call. Several image operations modify pixel data directly, while export produces a flattened output rather than preserving the editable layer structure in the exported image formats. Document resizing scales all layer content and is described as destructive.

_Full upstream README: https://allmcps.com/mcp/attalla1-photopea-mcp-server/readme_