Get the FREE Ultimate OpenClaw Setup Guide →

mockuuups

MCP remote server for Mockuuups Studio API. Generate professional device mockups directly from AI chat interfaces like Claude, ChatGPT, and automation tools. Streamlines design workflows by eliminating context switching between tools.

Installation
Run this command in your terminal to add the MCP server to Claude Code.
Run in terminal:
Command
claude mcp add --transport stdio mockuuups-mockuuups-mcp node path/to/server.js \
  --env MOCKUUUPS_API_KEY="your-api-key"

How to use

Mockuuups MCP Server exposes a single primary tool: generate_mockup. This tool accepts a URL or image URL and an optional mockup_id to place the content onto a specified device and scene, returning a URL to the generated mockup image. You can trigger this tool from any MCP-compatible assistant or automation that can call MCP endpoints. To use it, supply either image_url or screenshot_url along with the desired mockup_id if you want a specific preset. You can compose prompts in your workflow to automate mockup creation, for example by passing a product landing page URL and a target device like an iPhone 14 Pro or a MacBook Pro. The endpoint abstracts away the image processing and device framing so you can focus on design iteration within your AI tool or automation platform.

How to install

Prerequisites:

  • Node.js (14.x or newer) and npm/yarn
  • Git (optional, for cloning)
  • An API key from Mockuuups (required to generate mockups)

Install steps:

  1. Install the MCP server package (example package name used by Mockuuups): npm install -g mockuuups-mcp-server

  2. Set up environment variables (example): export MOCKUUUPS_API_KEY=your-api-key

  3. Run the MCP server locally: node path/to/server.js

  4. Verify the MCP endpoint is reachable (default MCP URL): curl -s https://mcp.mockuuups.studio/mcp | head

If you are integrating via Docker or another runtime, adjust the command accordingly to your environment.

Additional notes

Environment variables and configuration:

  • MOOKUUUPS_API_KEY (required): Your Mockuuups API key for generating mockups.
  • Endpoints: MCP endpoint is https://mcp.mockuuups.studio/mcp; legacy SSE endpoint is https://mcp.mockuuups.studio/sse.
  • The server may expose additional optional parameters for device presets, scene lighting, and image quality depending on the underlying API; consult the Mockuuups documentation for advanced options.

Troubleshooting tips:

  • If you receive authentication errors, double-check your API key and ensure it is passed to the server via the MOCKUUUPS_API_KEY environment variable.
  • If the MCP endpoint is unreachable, verify network access and that your server is running and listening on the expected port.
  • For Make.com, Zapier, or custom automation, ensure HTTP actions are authorized to call the MCP endpoint and pass the correct parameters (image_url/screenshot_url and optional mockup_id).

Related MCP Servers

Sponsor this space

Reach thousands of developers