Wiretext — Unicode Wireframe Design Tool

⋮⋮Layer 10

Empty

Press B to draw a box, or T to add text

Inspector

No selection

0,0SELECT100%SNAP0 objectsv0.0.0·MCP·by Howells

MCP Server

Let AI assistants generate wireframes with MCP

Claude Code

claude mcp add wiretext -- npx -y @wiretext/mcp

Claude Desktop~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "wiretext": {
      "command": "npx",
      "args": ["-y", "@wiretext/mcp"]
    }
  }
}

Cursor.cursor/mcp.json

{
  "mcpServers": {
    "wiretext": {
      "command": "npx",
      "args": ["-y", "@wiretext/mcp"]
    }
  }
}

Codex~/.codex/config.toml

[mcp_servers.wiretext]
command = "npx"
args = ["-y", "@wiretext/mcp"]

create_wireframe

Generate an editable Wiretext URL from wire objects.

render_wireframe

Render wire objects as ASCII art inline.

Primitives: box, text, line, arrow, connector