MCP.so
Sign In

Mockuuups

@Mockuuups

About Mockuuups

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

Basic information

Category

AI & Agents

Transports

stdio

Publisher

Mockuuups

Submitted by

David Stefanides

Config

Add this server to your MCP-compatible client using the configuration below.

{
  "mcpServers": {
    "mockuuups": {
      "command": "npx",
      "args": [
        "mcp-remote",
        "https://mcp.mockuuups.studio/mcp"
      ]
    }
  }
}

Tools

No tools detected

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

Overview

What is Mockuuups?

Mockuuups is an MCP (Model Context Protocol) server that lets you generate realistic product mockups directly from any MCP-compatible AI assistant or automation tool, using a URL or image input. It is designed for designers, marketers, and developers who want to create mockups without leaving their chat or workflow environment.

How to use Mockuuups?

Sign up for a free Mockuuups Developer account to get an API key (includes 50 free credits). Then connect your MCP‑compatible host (Claude, ChatGPT, VS Code, Make.com, Zapier, etc.) using the MCP endpoint https://mcp.mockuuups.studio/mcp (or the legacy SSE endpoint https://mcp.mockuuups.studio/sse). Once connected, simply ask your AI assistant to generate a mockup—for example, "Take a screenshot of Theverge.com and put it on an iPhone 16 mockup."

Key features of Mockuuups

  • generate_mockup tool – creates a mockup from a URL or image.
  • Supports specifying device, scene, or a custom mockup ID.
  • Returns a direct URL to the generated mockup image.
  • Works with any MCP‑compatible host (Claude, ChatGPT, VS Code, etc.).
  • Can be automated via Make.com, Zapier, or custom HTTP modules.

Use cases of Mockuuups

  • Put a website screenshot on an iPhone 16 mockup for a design presentation.
  • Show a design mockup on a television in a living room scene.
  • Place a screenshot of a landing page on a MacBook Pro on a desk.
  • Instantly generate marketing visuals by feeding a public image URL.

FAQ from Mockuuups

What do I need to start using Mockuuups?

You need a free Mockuuups Developer API key (get one at the Mockuuups Developer Portal) and an MCP‑compatible host such as Claude, ChatGPT, or VS Code.

How do I generate a mockup?

Use the generate_mockup tool with either an image_url or screenshot_url parameter. You can optionally specify a mockup_id to choose a specific device or scene.

What devices or scenes can I use?

You can use any device or scene that Mockuuups supports by passing its mockup ID. The README’s example prompts show iPhones, MacBooks, televisions, and human‑held phone mockups.

Is there a free tier?

Yes. After signing up for a free developer account, you receive 50 free credits to start generating mockups.

Where can I use Mockuuups?

You can connect it to any MCP host, including Claude, ChatGPT, VS Code, Make.com, Zapier, or any custom automation that supports MCP or SSE endpoints.

Comments

More AI & Agents MCP servers