Click on "Install 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-mcp Create 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.
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 |
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: mockit-mcp
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.
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 installed
Unclaimed servers have limited discoverability.
If you are the server author, to access and configure the admin panel.
Create app-store screenshots, social graphics, promo videos, and animated device mockups.
Build and run visual creative-production workflows from your AI agent.
Render HTML, Markdown, or URLs to images, PDF, or branded artifacts; extract and watch pages.
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/syahrulx/gambaran-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server