# mockit-mcp

> Use this tool when you need to generate high-quality iOS UI mockups from text prompts, solving design and prototyping problems by creating visual representations of app interfaces. It takes text inputs and produces PNG and HTML outputs, utilizing either a local Claude CLI or the Anthropic API backend. Ideal for designers, developers, and product managers seeking to quickly visualize and test iOS app ideas.

Canonical page: https://skillsregistry.net/skills/karyaboyraz-mockit-mcp  
JSON: https://api.skillsregistry.net/v1/skills/karyaboyraz-mockit-mcp

## Description

Turns text prompts into premium iOS UI mockups (PNG + HTML). Powered by Claude + a Playwright headless renderer. Two
backends: local claude CLI (uses your Claude Code subscription) or the Anthropic API.

## Trust

- **Trust score (0–1):** 0.76
- **Verification tier:** verified
- **Last scanned:** 2026-09-19

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** browser-automation
- **Updated:** 2026-09-19

## Source

- **Source listing:** [Glama](https://glama.ai/mcp/servers/h7vchcc9gp)
- **Repository:** <https://github.com/karyaboyraz/mockit-mcp>

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "karyaboyraz-mockit-mcp"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/karyaboyraz-mockit-mcp` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/karyaboyraz-mockit-mcp/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt