karyaboyraz/mockit-mcp

Overview

A Model Context Protocol server that generates iOS mobile UI mockups from text prompts. It produces both PNG images and HTML output using Claude (Opus 4.7) and Playwright, with a choice of local CLI or Anthropic API backends.

Best for

Best for
Developers who want to quickly generate iOS UI mockups from text using an MCP server

Use cases

• Rapidly prototype iOS app screens from natural language descriptions
• Generate visual mockups for design review or client presentations
• Create HTML-based UI previews for web or mobile testing

How to use

Install

npx playwright install chromium

Tools exposed

• generate_screen
• iterate_screen
• list_screens
• get_screen
• CLAUDE_BACKEND
• ANTHROPIC_API_KEY
• ANTHROPIC_MODEL
• CLAUDE_CLI_PATH
• CLAUDE_CLI_TIMEOUT_MS
• MCP_TRANSPORT
• HTTP_PORT
• HTTP_HOST
• MCP_HTTP_TOKEN
• DESIGNS_DIR
• VIEWPORT_WIDTH
• VIEWPORT_HEIGHT
• DEVICE_SCALE
• PLAYWRIGHT_NO_SANDBOX

Tested with

Claude Desktop, Claude Code, Cursor, Windsurf

Notes

A Model Context Protocol server that generates iOS mobile UI mockups from text prompts. It produces both PNG images and HTML output using Claude (Opus 4.7) and Playwright, with a choice of local CLI or Anthropic API backends.

1 stars on GitHub. Last updated 2026-05-03. Licensed MIT.

Use cases

• Rapidly prototype iOS app screens from natural language descriptions
• Generate visual mockups for design review or client presentations
• Create HTML-based UI previews for web or mobile testing

Pros

• Produces both PNG and HTML outputs for flexible use
• Supports two backends (local CLI and Anthropic API) for different workflows
• MIT license allows free use and modification

Cons

• Very early stage with only 1 star and limited community adoption
• Requires Claude Opus 4.7 access, which may have cost or availability constraints
• Dependent on Playwright for rendering, adding setup complexity

Indexed from awesome-mcp-servers-punkpeye and enriched against its public facts.