mcpField
M
Mock Screenshots

Mock Screenshots

Local
github.com/gamercc-appsMedia & Design1Updated 14w ago

About Mock Screenshots

Mock Screenshots is an MCP server for composing fictional chat screenshots and opening them in the Mock Screenshots generator. Its rendered images are watermarked, with links for preview, editing, and download.

Key features

  1. 01Compose chats for supported messaging platforms
  2. 02Render watermarked PNG previews
  3. 03Generate prefilled edit and download links
  4. 04List supported platforms and device frames
  5. 05Support image attachments in WhatsApp chats

Use cases

  1. 01Create fictional chat images for design mockups
  2. 02Prepare parody or educational chat examples
  3. 03Preview and adjust a composed conversation before export

MCP support

Exposes tools to compose fake chats, list supported platforms and devices, and obtain rendered previews or generator links. Images are watermarked and clearly fictional.

Configuration

Local server config is the same for every client. Copy it into your client’s MCP config file.

mcp.json · Universal config
{
"mcpServers": {
"gamercc-apps-mockscreenshots": {
"command": "npx",
"args": [
"-y",
"@gamercc-apps/mockscreenshots-mcp"
]
}
}
}
Run commandnpx -y @gamercc-apps/mockscreenshots-mcp

Local servers need a runtime on your machine (e.g. Node.js 18+). Config file locations differ by client; see your client’s docs.

Packages
npm@gamercc-apps/mockscreenshots-mcp0.1.6

Tools

3

Saved tool list · updated 2w ago

ParameterTypeRequiredDescription
darkbooleanNoDark mode. Defaults to false.
deviceenumNoDevice frame. Defaults to iphone-16-pro.iphone-16-pro | iphone-16 | iphone-15-pro | iphone-15 | iphone-14 | iphone-13 | iphone-se | pixel-8-pro | pixel-8 | galaxy-s24-ultra | galaxy-s24
formatenumNoReturn an inline preview image (default) or just links.image | link
statusstringNoHeader status line, e.g. "online", "Active now", "typing…".
contactstringNoContact name, username or group name shown in the header.
messagesarrayYesThe conversation, in order.
platformenumYesWhich chat app to mimic.imessage | whatsapp | whatsapp-group | instagram | telegram | messenger | snapchat

Details

From the project README

Mock Screenshots MCP server

An MCP server that lets an AI agent compose a fake chat and get a deep link to the matching Mock Screenshots generator — pre-filled and ready to preview and download.

Output is watermarked and clearly fictional, intended for parody, education, design mockups and fiction. It is not for deception — see the ethics policy.

Tools

ToolWhat it does
generate_fake_chatCompose a conversation (platform, messages, contact, status, device, dark) → returns a rendered, watermarked PNG (inline preview + hosted URL for download/share) plus a deep link to the generator. Supports format: "image" (default, returns preview+URL) or "link" (text-only URLs).
list_platformsLists supported chat apps and their generator URLs.
list_devicesLists the iPhone/Android device frames.
generate_fake_chat input
{
  "platform": "whatsapp",            // imessage | whatsapp | whatsapp-group | instagram | telegram | messenger | snapchat
  "contact": "Mom",                  // header name / username / group name
  "status": "typing…",               // header status line (optional)
  "device": "galaxy-s24",            // see list_devices (default iphone-16-pro)
  "dark": true,                      // dark mode (optional)
  "format": "image",                 // "image" (default) | "link" — see Screenshots section
  "messages": [
    {
      "text": "you home?",
      "sender": "them",
      "time": "19:01",
      "image": {
        "data": "<base64 PNG, JPEG, or WebP bytes>",
        "mimeType": "image/png",
        "alt": "A synthetic design mockup"
      }
    },
    { "text": "5 mins!", "sender": "me", "time": "19:02", "ticks": "read" }
  ]
}

messages[].image is optional and supported only for whatsapp and whatsapp-group, so existing text-only requests remain unchanged. Image-only messages are also supported. Attachments must be self-contained PNG, JPEG, or WebP bytes with a matching file signature; SVG, remote URLs, malformed base64, and files over 2 MB are rejected. Alternative text is limited to 160 characters, trimmed, and defaults to Attached image. The server also rejects more than 100 messages, message text over 4,000 characters, header metadata over 256 characters, and aggregate text/image source data over 6,000 bytes before it decodes attachments or builds duplicate JSON/base64url state. The merged site endpoint limits the complete base64url state to 8,000 characters, so the final encoded-state check remains authoritative and a smaller attachment may still be required after conversation metadata is included.

Attachment privacy and URL handling

Use only non-sensitive synthetic or already-public attachments. Attachment bytes are stored as a data URL inside the base64url-encoded JSON state in both the hosted GET /api/render?...&s=<state> URL and the generator edit ?s=<state> URL. Base64url is encoding, not encryption: anyone or any system with either URL can recover the attachment.

Treat every attachment-bearing render or edit URL as sensitive. It may be retained in MCP transcripts, client logs, browser history, proxy/CDN request logs, analytics/referrers, and cache keys. Do not use credentials, private user data, confidential screenshots, or private uploads as fixtures. The MCP's own preview request uses cache: "no-store" and referrerPolicy: "no-referrer" as defense in depth, but those client-side request settings cannot guarantee that the deployed endpoint, intermediaries, or a user-opened URL will not log or cache the full GET URL. No attachment or URL logging is added by this MCP server.

This residual exposure is inherent in the currently deployed URL-state contract. Roll back attachment support by reverting the attachment commit, or avoid messages[].image; existing text-only requests remain compatible and unchanged. A future opaque, expiring server-side state token would require a separate site/API contract and is intentionally not invented here.

Screenshots

Returns a rendered, watermarked screenshot server-side via the site's GET /api/render endpoint (Cloudflare Browser Rendering). Default output (format: "image") includes:

  • Inline preview image (scaled, watermarked — displays immediately)
  • Hosted full-res PNG URL (download / share in DMs, always watermarked and clearly fictional)
  • Deep edit link to the generator, pre-filled with your conversation

Alternately, use format: "link" for text-only output (just the URLs, no image preview).

Always watermarked: Screenshots include a prominent "FAKE" watermark and cannot be disabled. This ensures they remain clearly fictional and non-deceptive for parody, education, design mockups and fiction — see the ethics policy.

Also returns a URL like https://mockscreenshots.com/fake-whatsapp-chat-generator?s=<state> that opens the generator with the conversation loaded (for preview/tweaking before final export).

Run

npm install
npm start           # stdio server
Use with Claude Desktop / Claude Code
// claude_desktop_config.json  (or: claude mcp add)
{
  "mcpServers": {
    "mockscreenshots": {
      "command": "node",
      "args": ["/absolute/path/to/mcp/server.mjs"]
    }
  }
}

Once published to npm you can instead use npx -y mockscreenshots-mcp.

Publishing / distribution

  1. npm publish the mockscreenshots-mcp package.
  2. Register on registry.modelcontextprotocol.io using server.json.
  3. Submit to mcp.so, Smithery, PulseMCP, Glama, and open a PR to awesome-mcp-servers.

Each listing is a genuine dofollow dev-domain link + agent discovery — the uncontested distribution channel

How it works

The MCP server itself stays tiny and stateless: it builds URLs and encodes the conversation into a compact, URL-safe ?s= parameter (also read by the generator on load, src/lib/share.ts), then fetches a preview from the site's /api/render endpoint, which does the actual (always-watermarked) server-side rendering via Cloudflare Browser Rendering. This keeps the server dependency-light and keeps the human in the loop to preview, tweak and export.

The server never fetches a caller-supplied attachment URL. Preview responses are accepted only when they are PNG data from the fixed Mock Screenshots endpoint. The response body is consumed with a 10 MB streaming cap and the reader is cancelled immediately when that cap is crossed, even when Content-Length is absent or inaccurate. Endpoint errors, invalid responses, and timeouts safely fall back to the hosted image/edit links while retaining the watermark, ethics warning, and (when an attachment is present) attachment privacy warning.

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.