ClAgent guide

Generate product mockups with Claude

Add SudoMock to Claude as a custom connector and ask for product mockups in plain words. Claude lists your PSD templates and photo mockups and renders them with your artwork and text. Start with 500 one-time renders, then choose a published monthly volume plan.

Custom connectors are available on Claude Pro, Max, Team, and Enterprise. On Team and Enterprise an owner adds the connector once, and every member signs in with their own SudoMock account.

Start Free, 500 CreditsRead the API Docs
Connect an agentMCP
2,000+open-licensed font families25parallel renders on Scale500free renders, no card5Krenders on Starter

Add SudoMock as a custom connector

Claude connects to the server from its own cloud, and you sign in to SudoMock in the window it opens. Turn the connector on in a chat from the + menu, under Connectors.

Add SudoMock as a custom connector
1# In Claude: Customize > Connectors > + > Add custom connector
2# Name: SudoMock
3# Remote MCP server URL:
4https://mcp.sudomock.com

The render Claude sends

Ask for a render in plain words and Claude sends one tool call like this. It composites your design into the PSD template and returns a finished image URL, with Smart Objects, blend modes, smart filters, and perspective warp rendered from your real file.

Render, Claude
1{
2  "tool": "render_psd_mockup",
3  "arguments": {
4    "mockup_uuid": "c315f78f-d2c7-4541-b240-a9372842de94",
5    "smart_object_uuid": "128394ee-6758-4f2f-aa36-e2b19b152bd9",
6    "artwork_url": "https://your-domain.com/design.png",
7    "fit": "crop",
8    "image_format": "webp"
9  }
10}

How it works

  1. 1Add https://mcp.sudomock.com as a custom connector and sign in to SudoMock.
  2. 2Turn the connector on in a chat and ask for the mockup you want in plain words.
  3. 3Claude returns the finished image URL, or waits on the job when the render runs asynchronously.

Personalize text in the same call

SudoMock renders the text layers in your PSD, so you can swap the wording, font, size, and color at render time and get back an image that keeps the look the designer built.

  • 2,000+ open-licensed font families, free for commercial use
  • Custom TTF and OTF font upload, up to 5 MB each, on Pro and Scale
  • Styled segments: mixed-style layers stay editable run by run
  • Box text: area text wraps inside its box and clips exactly as designed
Text layers, Claude
1{
2  "tool": "render_psd_mockup",
3  "arguments": {
4    "mockup_uuid": "c315f78f-d2c7-4541-b240-a9372842de94",
5    "text_layers": [{
6      "uuid": "b7f2c1a0-9e34-4d21-8f0a-1c2b3d4e5f60",
7      "text": "SUMMER SALE",
8      "font": "Poppins-Bold",
9      "font_size": 96,
10      "color": "#C0392B"
11    }]
12  }
13}

Edit one mixed-style layer, run by run

When a single layer mixes styles, like a thin first name next to a bold surname, send a segments array with only the runs you want to change. Every run keeps its own font, size, and color, and any run you leave out stays as designed. This bundle of catalog, custom upload, per-segment styling, and box wrap over the API is what sets the text layers apart.

Styled segments request
1{
2  "mockup_uuid": "c315f78f-d2c7-4541-b240-a9372842de94",
3  "text_layers": [
4    {
5      "uuid": "b7f2c1a0-9e34-4d21-8f0a-1c2b3d4e5f60",
6      "segments": [
7        { "index": 0, "text": "Jane " },
8        { "index": 1, "text": "SMITH" }
9      ]
10    }
11  ]
12}

Full field reference and the fallback behavior when a font is not in your catalog live in the text layers documentation.

Frequently asked questions

How do I connect Claude to SudoMock?

In Claude, open Customize, then Connectors, choose + and Add custom connector, and enter https://mcp.sudomock.com. Claude opens a window where you sign in to SudoMock and approve access. No API key is pasted into the chat.

Which Claude plans can use the SudoMock connector?

Custom connectors work on Claude Pro, Max, Team, and Enterprise. On Team and Enterprise an owner adds the connector in the organization settings, then each member connects their own SudoMock account.

Can Claude change the text on my template?

The render_psd_mockup tool takes a text_layers list that changes wording, font, size, and color on named layers. The catalog carries 2,000+ open-licensed font families.

Render your first Claude mockup in minutes

Get 500 one-time API credits to test. No credit card required. See pricing for published monthly volumes and annual billing.

Start Free, 500 CreditsAll Integrations