Mockuuups

Mockuuups MCP Server

Mockuuups MCP Server 将模型上下文协议（MCP）的强大功能带入你的设计工作流，让你可以直接在喜爱的 AI 聊天或自动化工具中即时生成精美样机。

为什么选择 Mockuuups MCP？

• 不再切换上下文： 直接在 Claude、ChatGPT 或任何兼容 MCP 的工具中创建样机。
• 提升工作流效率： 在 Make.com、Zapier 等平台中自动创建样机。
• 适用于设计师、营销人员和开发者： 节省时间、保持专注，更快交付精美视觉效果。

快速开始

1. 创建免费开发者账户：
   在 Mockuuups Developer Portal 注册，获取你的 API 密钥（50 个免费额度）。

2. 连接到你的 AI 工具：

   • MCP 端点 URL： https://mcp.mockuuups.studio/mcp
   • 备用 SSE 端点： https://mcp.mockuuups.studio/sse（适用于较旧的工具）
   • API 密钥： 按提示粘贴你的密钥。

3. 开始生成样机：
   只需向你的 AI 助手提出请求，例如：

   “截取 Theverge.com 的屏幕截图，并将其放到 iPhone 16 样机上。”

前置条件

• Mockuuups Developer API 密钥（点击此处获取）
• 兼容 MCP 的宿主（Claude、ChatGPT、VS Code 等）

安装

在 Claude、ChatGPT 或其他 AI 工具中

• 在工具设置中找到“连接应用”或“添加集成”。
• 输入：
  • 工具名称： Mockuuups
  • MCP 端点 URL： https://mcp.mockuuups.studio/mcp
  • API 密钥： 你的 Mockuuups API 密钥

在 Make.com、Zapier 或自定义自动化中

• 在 HTTP 或 MCP 模块中使用相同的端点和 API 密钥。
• 查看自动化示例。

配置

• API 密钥： 可在 Mockuuups Developer 控制面板中找到。
• 端点：
  • MCP：https://mcp.mockuuups.studio/mcp
  • SSE（旧版）：https://mcp.mockuuups.studio/sse

工具参考

Mockuuups MCP 提供以下工具：

• generate_mockup
  根据 URL 或图片生成样机，并指定设备、场景或样机 ID。

  参数：

  • image_url 或 screenshot_url
  • mockup_id（可选）

  返回：

  • 生成的样机图片 URL

示例提示词

• “将这张图片 [your-public-image-url.png] 放到一位女性手持的手机上。”
• “展示 Dribbble.com 在客厅电视上的效果。”
• “将 Mockuuups 新版落地页的屏幕截图放到桌面上的 MacBook Pro 上。”
• “将这个设计 [your-public-image-url.png] 放入样机 ZvMSqqPA3wFkHM3Y。”