Stitchvf.sr

listing.about

Connects to Google Stitch, a tool that generates mobile and web UI designs. You can create and manage projects, generate screens from text prompts, edit existing screens, produce variants, and create, update and apply design systems, including ones built from a DESIGN.md file.

Runs as a hosted streamable HTTP endpoint at stitch.googleapis.com. Authentication uses an API key sent in the X-Goog-Api-Key header, created in the Stitch settings, or Google OAuth. The service is in beta. Screen generation can take a few minutes.

listing.can

• Create, list, get and delete Stitch projects
• Generate new screens from a text prompt
• Edit existing screens with a text prompt
• Generate variants of existing screens
• Create, update and list design systems
• Upload a DESIGN.md and build a design system from it
• Apply a design system to selected screens

listing.tools 15

• create_projectlisting.hint.delete

  Create a new Stitch project that holds UI designs and frontend code.

• get_projectlisting.hint.ro

  Retrieve details of a Stitch project by name.

• delete_projectlisting.hint.delete

  Delete a Stitch project by name. This cannot be undone.

• list_projectslisting.hint.ro

  List Stitch projects accessible to the user, owned projects by default.

• list_screenslisting.hint.ro

  List all screens in a project.

• get_screenlisting.hint.ro

  Retrieve details of a specific screen in a project.

• generate_screen_from_textlisting.hint.delete

  Generate a new screen in a project from a text prompt.

• edit_screenslisting.hint.delete

  Edit existing screens in a project using a text prompt.

• generate_variantslisting.hint.delete

  Generate variants of existing screens using a text prompt.

• upload_design_mdlisting.hint.delete

  Upload a DESIGN.md file to a project.

• create_design_systemlisting.hint.delete

  Create a design system with colors, typography, shape and appearance.

• create_design_system_from_design_mdlisting.hint.delete

  Create a design system from an uploaded DESIGN.md file.

listing.prov.live_on listing.prov.hints

listing.prompts

• Create a Stitch project called Fitness App and generate a mobile home screen

• Generate three variants of my login screen with a darker palette

• Create a design system with Inter font and rounded corners, then apply it to all screens

• List my Stitch projects and show the screens in the latest one

listing.setup.h

listing.setup.remote

claude mcp add --transport http stitch https://stitch.googleapis.com/mcp --header "X-Goog-Api-Key: <YOUR_API_KEY>"

{
  "mcpServers": {
    "stitch": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://stitch.googleapis.com/mcp",
        "--header",
        "X-Goog-Api-Key: <YOUR_API_KEY>"
      ]
    }
  }
}

{
  "mcpServers": {
    "stitch": {
      "url": "https://stitch.googleapis.com/mcp",
      "headers": {
        "X-Goog-Api-Key": "<YOUR_API_KEY>"
      }
    }
  }
}

{
  "servers": {
    "stitch": {
      "type": "http",
      "url": "https://stitch.googleapis.com/mcp",
      "headers": {
        "X-Goog-Api-Key": "${input:x-goog-api-key}"
      }
    }
  },
  "inputs": [
    {
      "type": "promptString",
      "id": "x-goog-api-key",
      "description": "X-Goog-Api-Key",
      "password": true
    }
  ]
}

{
  "mcpServers": {
    "stitch": {
      "serverUrl": "https://stitch.googleapis.com/mcp",
      "headers": {
        "X-Goog-Api-Key": "<YOUR_API_KEY>"
      }
    }
  }
}

codex mcp add stitch --url https://stitch.googleapis.com/mcp

[mcp_servers.stitch]
url = "https://stitch.googleapis.com/mcp"
env_http_headers = { "X-Goog-Api-Key" = "X_GOOG_API_KEY" }

gemini mcp add --transport http --header "X-Goog-Api-Key: <YOUR_API_KEY>" stitch https://stitch.googleapis.com/mcp

{
  "mcpServers": {
    "stitch": {
      "type": "http",
      "url": "https://stitch.googleapis.com/mcp",
      "headers": {
        "X-Goog-Api-Key": "<YOUR_API_KEY>"
      }
    }
  }
}

listing.faq

listing.em.h

listing.em.lead listing.em.how

listing.em.badge listing.em.widget iframe JSON

listing.em.badge

Markdown

[![Stitch on mcp.tc](https://mcp.tc/i/stitch/badge.svg)](https://mcp.tc/i/stitch)

HTML

<a href="https://mcp.tc/i/stitch"><img src="https://mcp.tc/i/stitch/badge.svg" alt="Stitch on mcp.tc" height="20"></a>

listing.em.badge_note

listing.em.widget

HTML

<script src="https://mcp.tc/w/stitch.js" async></script>

listing.em.widget_note

iframe

HTML

<iframe src="https://mcp.tc/embed/stitch" title="Stitch on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>

listing.em.iframe_note

JSON

listing.em.json

https://mcp.tc/i/stitch.json

listing.em.fields