wirekittyMCP Server
The visual context layer for AI agents

Generate wireframes
in your terminal

Give your coding agent a visual UI loop you control. Generate a draft, edit it in the browser, approve, and build from approved designs.

Works with Claude, Cursor, Copilot, and any MCP client
Human-in-the-loop approval before code generation
Exports JSON metadata + PNG for your agent
wirekitty — MCP demo

How it works

Three steps. Full control.

A visual feedback loop that keeps humans in charge of UI decisions while AI handles the heavy lifting.

Step 01

Agent proposes

Your agentic AI generates a wireframe from existing screenshots, code, or nothing at all.

Step 02

You refine

Open the draft in the editor. Customize and adjust until the layout matches your exact intent.

Step 03

Agent builds

Send the final design back. The agent receives exact JSON and PNG exports to build from.

Workflows

Pick your workflow

Use the Wirekitty MCP tools any way you want.

User prompt

Generate a wireframe for a banking app dashboard, including auth, settings, and billing.

Agent

I’ll create a wireframe in Wirekitty then share the preview link. I’m starting by fetching the exact schema format so the layout is valid.

get_wireframe_schema

create_wireframe

Agent

The wireframe preview is ready. Feel free to make any edits and we can go from there. Click "Looks good" when you're ready.

Agent
User prompt

That's perfect. Let's continue and build this out in my codebase.

Prompt gallery

Start with a prompt

Example prompts for triggering the Wirekitty MCP server. Copy one into your agent to get started.

Generate a wireframe for An AI chat application home page for real-time conversations.

Generate a wireframe for a complete onboarding wizard flow for a healthcare mobile app, requiring users to input their information and health concerns over multiple screens.

Generate a wireframe for a banking app dashboard, including auth, settings, and billing.

Generate a medium-complexity wireframe for a website of a specialty cafe in San Francisco.

Build with Wirekitty today

Become an early adopter and start building with the Wirekitty MCP server. Check out the docs for setup instructions, or join our Discord community to connect with other builders and the Wirekitty team.