What is mockit-mcp?
mockit-mcp is a MCP server by karyaboyraz that generate iOS UI mockups as PNG and HTML from a text prompt, using Claude and a headless Playwright renderer. It is listed under Media & design and has 5 GitHub stars.
| Type | Mcp server |
|---|---|
| Author | karyaboyraz |
| Repository | karyaboyraz/mockit-mcp |
| Popularity | 5 GitHub stars |
| Category | Media & design |
| Security | Low risk (96/100) |
| Rank | #2,124 of 4,418 MCP servers; #138 in Media & design |
| License | MIT |
| Last commit | 2026-05-03 |
| Runs | Locally |
| Language | TypeScript |
| Platforms | macOS, Windows, Linux |
Is mockit-mcp safe to install?
mockit-mcp scores 96/100 on the MCPMods security check: Low risk. No checks raised a concern. It passed 5 of 6 checks.
MCP server results come from listing signals: who publishes it, where your data goes and what it can do. The code itself is not scanned yet.
| Check | Result |
|---|---|
| Community-built server | Note |
| Runs on your machine only | Pass |
| No credentials mentioned | Pass |
| Read-only by description | Pass |
| No code execution | Pass |
| Source on GitHub | Pass |
How do I install mockit-mcp?
- Find the launch command. The README says how the server starts (npx, uvx, docker or a remote URL) and which API keys it needs.
https://github.com/karyaboyraz/mockit-mcp
- Add it to Claude Code. Replace the part after -- with the command from the README. Remote servers use --transport http with a URL.
claude mcp add mockit-mcp -- <command from README> claude mcp add --transport http mockit-mcp <server-url>
- Check it connected. This lists your MCP servers and their status.
claude mcp list
Or ask Claude to set it up
Paste this into Claude Code and it installs mockit-mcp for you:
Add the "mockit-mcp" MCP server from https://github.com/karyaboyraz/mockit-mcp to Claude Code. Read its README for the launch command and any API keys I need, run claude mcp add, then check that it connects.