mockscreenshots-mcp

MCP server for Mock Screenshots — generate deep links to pixel-perfect fake chat & screenshot generators (iMessage, WhatsApp, Instagram, Telegram, Messenger, Snapchat).


Keywords
mcp, model-context-protocol, fake-chat-generator, fake-screenshot, screenshot-generator, imessage, whatsapp, mockscreenshots, mcp-server
License
MIT
Install
npm install mockscreenshots-mcp@0.1.0

Documentation

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

Tool What it does
generate_fake_chat Compose a conversation (platform, messages, contact, status, device, dark) → returns a deep link to the generator, pre-filled.
list_platforms Lists supported chat apps and their generator URLs.
list_devices Lists 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)
  "messages": [
    { "text": "you home?", "sender": "them", "time": "19:01" },
    { "text": "5 mins!", "sender": "me", "time": "19:02", "ticks": "read" }
  ]
}

Returns a URL like https://mockscreenshots.com/fake-whatsapp-chat-generator?s=<state> that opens the generator with the conversation loaded.

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 server never renders images. It encodes the conversation into a compact, URL-safe ?s= parameter that the generator reads on load (src/lib/share.ts). This keeps the server tiny and dependency-light, and keeps the human in the loop to preview, tweak and export.