Set it up
-
Turn on Mockit in your AI
In Claude: open Settings → Connectors and add Mockit. In ChatGPT: Settings → Apps & Connectors.
-
Run it on your computer
Start the connector on your machine the first time, then point your AI tool at it.
-
Just ask
Tell it what you want in plain words — no special commands.
About
Generate premium iOS mobile UI mockups (PNG + HTML) from a single text prompt. Pairs Claude (Opus 4.7 by default) with a Playwright headless renderer. Two backends — claude CLI (uses your Claude Code subscription) or Anthropic API. Stdio + HTTP transports, MIT.
Workflows That Use Mockit MCP
Recommended recipe
Wire up your dev stack: code, CI, containers, errorsGitHub, Git, Docker, Kubernetes and Sentry in one chat — review, ship, and debug without tab-switching.
FAQ
What does Mockit MCP do? +
Generate premium iOS mobile UI mockups (PNG + HTML) from a single text prompt. Pairs Claude (Opus 4.7 by default) with a Playwright headless renderer. Two backends — claude CLI (uses your Claude Code subscription) or Anthropic API. Stdio + HTTP transports, MIT.
Do I need to know how to code? +
No. Turn it on in your AI's settings and ask in plain English — no terminal, no coding.
