A
licenseA
qualityB
maintenanceEnables searching thousands of device and print mockups and rendering screenshots or uploaded images into them via the Mockuuups Studio API.
4
MIT
gambaran-mcp
by syahrulx
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@gambaran-mcpCreate a device mockup of my app screen in a Pixel 8 frame"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
gambaran-mcp — source
The MCP server published to npm as gambaran-mcp,
together with the rendering engine it is built on.
claude mcp add gambaran -- npx -y gambaran-mcpPath | What it is |
| The MCP server. Tool reference and examples in its own README. |
| The mockup engine — device catalog, layout geometry, motion, and the imperative Skia renderer. Shared with the Gambaran app. |
| The 26 device frames. |
| The generator that produces those frames, and their provenance |
Build
npm install
npm run buildRequires Node 20 or newer. The build writes packages/mcp/dist, which is what
the npm package ships.
Related MCP server: @mgcrea/mcp-ios-simulator
Where development happens
This repository is exported from the Gambaran monorepo, which also holds the app itself. The paths above are preserved exactly as they sit upstream, so the sources here are byte-identical to the ones the published package is built from. Issues and pull requests are welcome here.
Licence
MIT © Aizz Tech Solutions. The device frames are original work generated by
tools/frame-renderer; see tools/frame-renderer/NOTICE for how they are
produced and why they are redistributable.
This server cannot be deployed
Maintenance
ActivityStale
ResponsivenessNo issues
Related MCP Connectors
Create app-store screenshots, social graphics, promo videos, and animated device mockups.
Browse, inspect and render Jetpack Compose Material 3 and Wear component catalogs.
Create 3D device mockups, App Store screenshot sets and launch videos from your AI. Showoff.dev puts your screenshots on real iPhones, Pixels, iPads and MacBooks, sets camera and background, and exports App Store and Google Play sizes. Works with Claude, ChatGPT, Cursor, Codex and any MCP client.
Create 3D device mockups, App Store screenshot sets and launch videos from your AI. Showoff.dev puts your screenshots on real iPhones, Pixels, iPads and MacBooks, sets camera and background, and exports App Store and Google Play sizes. Works with Claude, ChatGPT, Cursor, Codex and any MCP client.
Related MCP Servers
- AlicenseAqualityAmaintenanceEnables driving an iOS Simulator from a model: taking screenshots, reading the UI tree, tapping, swiping, typing, managing app lifecycle and device state such as appearance, permissions, location, and notifications, without code signing or a physical device.2518 npm1MIT
- AlicenseNot gradedqualityCmaintenanceEnables AI assistants to build and edit app-screen mockups and clickable prototypes by reading and writing structured scene models, including screen creation, node manipulation, and branching from code-based screens.MIT
keyline-mcpofficial
FlicenseNot gradedqualityAmaintenanceEnables AI agents to author designs as structured JSON scenes and render them to PNG, JPEG, WebP, vector PDF, animated PNG, GIF, MP4 or WebM at every target size, using one native binary with no browser or headless Chrome.5-