MCP for AI Coding Agents

    Give your AI agent real design taste

    InspoAI MCP connects Claude, Cursor, Lovable, Replit, and Codex to 92,000+ real UI screenshots and web inspiration — so your agent researches before it builds.

    Get MCP API Key →How to install
    Works with
    ClaudeClaude
    CursorCursor
    LovableLovable
    ReplitReplit
    CodexCodex
    92,000+
    Design assets
    3
    MCP tools
    iOS · Android · Web
    Platforms covered
    Free
    API key tier
    The Problem

    AI builds fast. But it doesn't know design.

    By default, AI coding agents generate generic, forgettable interfaces. They're trained on code and documentation — real product design is a massive blind spot.

    InspoAI MCP fixes this. Your agent studies 92,000+ real products before writing a single line of UI code. The output looks designed, not generated.

    Automated design research
    Agent searches real app references before designing anything — automatically, on every task.
    Structured design metadata
    Every screen includes UX patterns, UI elements, colors, and fonts — not just images.
    Web + Mobile + Icons in one
    Three specialized tools cover every design reference need from a single MCP server.
    Available Tools

    Three tools, every design context

    UI & Mobileinspoai_search_designs

    Search 92,000+ real app screenshots. Returns screens with structured metadata: platform, UX patterns, UI elements, colors, fonts.

    Parameters
    querystringNatural language (e.g. 'fintech dashboard dark mode')required
    platformstring"ios" | "android" | "web" | "all"
    limitnumberMax 40, default 20
    Request
    {
  "tool": "inspoai_search_designs",
  "arguments": {
    "query": "fintech dashboard dark mode",
    "platform": "ios",
    "limit": 20
  }
}
    Response
    {
  "results": [{
    "title": "Robinhood Portfolio",
    "platform": "ios",
    "thumbnail": "https://...",
    "uxPatterns": ["Stats", "Dashboard"],
    "colors": [[10,10,11], [75,181,186]]
  }],
  "count": 20
}
    Live results previewquery: "dashboard"
    Dashboard design
    Mobile dashboard
    App dashboard
    Installation

    One config. Any tool.

    01

    Get your MCP API key

    Go to app.inspoai.io/mcp and generate your MCP API key. Works on the free plan.

    02

    Connect to Claude

    Claude~/Library/Application Support/Claude/claude_desktop_config.json
    {
  "mcpServers": {
    "inspoai": {
      "command": "npx",
      "args": ["-y", "@inspoai/mcp"],
      "env": {
        "INSPOAI_API_KEY": "your_api_key_here"
      }
    }
  }
}
    03

    Restart and verify

    Restart Claude. You'll see InspoAI MCP with 3 available tools in your agent.

    04

    Start building with design context

    "Search InspoAI for fintech dashboards with dark mode, then build me a similar layout"
    "Find 10 onboarding references from iOS apps, then design my onboarding flow"
    "Search for notification bell icons, give me the SVG for the cleanest outline style"

    InspoAI MCP vs the alternatives

    FeatureInspoAI MCPRefero MCP
    MCP tools3 (designs + web + icons)1
    Web design inspiration✅ Yes❌ No
    Icon search with SVG✅ Yes❌ No
    Design metadataUX patterns, colors, fontsUX patterns only
    Free tier✅ Free API keyRequires Pro subscription
    Remote MCP (SSE)✅ api.inspoai.io/api/mcp/sse✅ Yes
    Claude · Cursor · Lovable · Replit✅ All supported✅ All supported

    Your agent is smart. Now give it eyes.

    Free MCP API key. One config. 92,000+ real design references available to your agent instantly.

    Get MCP API Key →Read API Docs
    ✓ Free forever tier✓ No credit card required✓ Claude · Cursor · Lovable · Replit · Codex