
Mockuuups
@Mockuuups
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.
基本情報
設定
以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。
{
"mcpServers": {
"mockuuups": {
"command": "npx",
"args": [
"mcp-remote",
"https://mcp.mockuuups.studio/mcp"
]
}
}
}ツール
ツールは検出されませんでした
ツールは README から自動的に抽出されます。メンテナーは ## Tools という見出しの下に記載することで、このタブに反映できます。
概要
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.
「AI とエージェント」の他のコンテンツ
21st.dev Magic AI Agent
21st-devIt's like v0 but in your Cursor/WindSurf/Cline. 21st dev Magic MCP server for working with your frontend like Magic
Sequential Thinking Multi-Agent System (MAS)
FradSerAn advanced sequential thinking process using a Multi-Agent System (MAS) built with the Agno framework and served via MCP.
MCP Client for Ollama (ollmcp)
joniglHarness the power of local LLMs with this TUI MCP Client for Ollama. Featuring all core MCP primitives (tools, prompts, resources), agent mode, multi-server, model switching, streaming responses, human-in-the-loop, thinking mode, model params config, system prompts, and saved pre
Perplexity Ask MCP Server
ppl-aiThe official MCP server implementation for the Perplexity API Platform
Gemini MCP Server
aliargunMCP server implementation for Google's Gemini API
コメント