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.
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:
-
Install the MCP server package (example package name used by Mockuuups): npm install -g mockuuups-mcp-server
-
Set up environment variables (example): export MOCKUUUPS_API_KEY=your-api-key
-
Run the MCP server locally: node path/to/server.js
-
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
penpot
Penpot MCP server
neurolink
Universal AI Development Platform with MCP server integration, multi-provider support, and professional CLI. Build, test, and deploy AI applications with multiple ai providers.
mcp-n8n-builder
🪄 MCP server for programmatic creation and management of n8n workflows. Enables AI assistants to build, modify, and manage workflows without direct user intervention through a comprehensive set of tools and resources for interacting with n8n's REST API.
penpot
MCP server for Penpot - Connect AI assistants to Penpot design platform via Model Context Protocol
cv-resume-builder
AI-powered CV and resume builder using Model Context Protocol. Automatically sync your achievements from Jira, Credly, LinkedIn, and git. Keep your CV always up-to-date.
design-critique
MCP server for comprehensive visual design analysis - composition, color harmony, typography, and accessibility compliance