Stitch, verificato

Q: Stitch richiede una chiave API o un accesso?

Sì. Stitch richiede una chiave API, inviata nell’header X-Goog-Api-Key. Procuratene una da Google e tienila nella configurazione del tuo client, mai in un file condiviso.

Q: Stitch è un server remoto o locale?

Remoto. Lo ospita Google a https://stitch.googleapis.com/mcp, e usa Streamable HTTP. Non c’è nulla da installare.

Q: Cosa può fare Stitch?

Ha 15 tool, tra cui create_project, get_project e delete_project.

Server MCP di Google · Verificato

Generate and edit UI screens, variants and design systems in Google Stitch projects from your assistant.

Serve una chiave APIStreamable HTTP

Collegati a Stitch

Stitch richiede una chiave API. Collegati con il suo URL e la tua chiave:

https://stitch.googleapis.com/mcp

Invia la tua chiave nell’header X-Goog-Api-Key. mcp.tc non vede né conserva mai le chiavi. Dove trovare una chiave

Aggiungi a Cursor

Descrizione

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.

Cosa puoi fare

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

Tool 15

create_projectPuò eliminare
Create a new Stitch project that holds UI designs and frontend code.
get_projectSola lettura
Retrieve details of a Stitch project by name.
delete_projectPuò eliminare
Delete a Stitch project by name. This cannot be undone.
list_projectsSola lettura
List Stitch projects accessible to the user, owned projects by default.
list_screensSola lettura
List all screens in a project.
get_screenSola lettura
Retrieve details of a specific screen in a project.
generate_screen_from_textPuò eliminare
Generate a new screen in a project from a text prompt.
edit_screensPuò eliminare
Edit existing screens in a project using a text prompt.
generate_variantsPuò eliminare
Generate variants of existing screens using a text prompt.
upload_design_mdPuò eliminare
Upload a DESIGN.md file to a project.
create_design_systemPuò eliminare
Create a design system with colors, typography, shape and appearance.
create_design_system_from_design_mdPuò eliminare
Create a design system from an uploaded DESIGN.md file.

Mostra altri 3 tool

update_design_systemPuò eliminare
Update the theme, style or branding of a project's design system.
list_design_systemsSola lettura
List all design systems for a project.
apply_design_systemPuò eliminare
Apply a design system's tokens to selected screens.

Letti dal server attivo (3 ott 2026). Sola lettura, Scrive e Può eliminare sono indicazioni dichiarate dal server; è il tuo client a decidere se chiederti conferma prima di eseguire un tool.

Prompt di esempio

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

Configurazione

Ogni client si collega a stitch.googleapis.com. Scegli il tuo; la pagina ricorda la tua scelta.

Claude Code

Eseguilo in un terminale, nella cartella del tuo progetto:

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

Sostituisci il segnaposto con la tua chiave prima di eseguirlo, poi controlla con /mcp dentro Claude Code.

Aggiungi --scope user per renderlo disponibile in tutti i progetti, non solo in questo.

Claude Desktop

I connettori personalizzati non possono inviare l’header della chiave di questo server, quindi usa il bridge mcp-remote. Apri Settings → Developer → Edit Config e aggiungi:

claude_desktop_config.json

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

Sostituisci il segnaposto con la tua chiave e riavvia Claude Desktop.

Il bridge richiede Node.js sul tuo computer.

Cursor

Aggiungi a Cursor (si apre in una nuova scheda)

Oppure aggiungilo a mano in ~/.cursor/mcp.json (tutti i progetti) o in .cursor/mcp.json (questo progetto):

mcp.json

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

VS Code

Aggiungilo a .vscode/mcp.json. VS Code chiede la chiave la prima volta e la conserva in modo sicuro:

.vscode/mcp.json

{
  "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
    }
  ]
}

Devin Desktop

Aggiungilo a ~/.config/devin/mcp_config.json (macOS e Linux) o a %APPDATA%\devin\mcp_config.json (Windows):

mcp_config.json

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

Aggiorna l’elenco dei server MCP in Cascade.

Devin Desktop è il nuovo nome di Windsurf. Per i server remoti legge serverUrl (o url).

Codex

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

Oppure modifica direttamente ~/.codex/config.toml:

config.toml

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

Codex legge i valori degli header dalle variabili d’ambiente indicate in env_http_headers.

Gemini CLI

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

Così lo aggiungi al progetto corrente. Aggiungi -s user per usarlo ovunque.

Qualsiasi client

La maggior parte dei client accetta questa forma. Alcuni chiamano diversamente il campo dell’URL: serverUrl in Devin Desktop, httpUrl nel file di impostazioni di Gemini CLI.

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

Zed mette i server sotto context_servers nelle sue impostazioni. Cline ha bisogno di "type": "streamableHttp", altrimenti presume SSE.

Il tuo client avvia solo server locali? Collegalo con npx -y mcp-remote https://stitch.googleapis.com/mcp.

Domande frequenti

Posso incollare mcp.tc/i/stitch nel mio client MCP?

No. I link di mcp.tc sono pagine, non indirizzi di server. Collegati con https://stitch.googleapis.com/mcp, così il tuo client parla direttamente con Stitch. Anche la tua chiave va lì, mai a mcp.tc. Il link rapido serve per condividere: apre questa pagina, con i passaggi di configurazione per ogni client.

Stitch richiede una chiave API o un accesso?

Sì. Stitch richiede una chiave API, inviata nell’header X-Goog-Api-Key. Procuratene una da Google e tienila nella configurazione del tuo client, mai in un file condiviso.

Stitch è un server remoto o locale?

Remoto. Lo ospita Google a https://stitch.googleapis.com/mcp, e usa Streamable HTTP. Non c’è nulla da installare.

Cosa può fare Stitch?

Ha 15 tool, tra cui create_project, get_project e delete_project.

Quali client possono usarlo?

Qualsiasi client che supporta i server MCP remoti e può inviare la tua chiave: Claude Code, Cursor, VS Code, Devin Desktop, Codex, Gemini CLI, Zed e altri, e Claude Desktop tramite il bridge mcp-remote. claude.ai e ChatGPT non possono inviare una chiave, quindi non possono usarlo.

Chi ha scritto questa pagina?

Il robot di mcp.tc ha letto i metadati di Stitch (il suo handshake MCP, l’elenco dei tool e le pagine pubbliche), e un modello di AI ne ha ricavato il testo. Una persona esamina tutto ciò che i controlli non riescono a confermare. Il testo può comunque contenere errori, quindi se ne trovi uno usa Segnala questa scheda su questa pagina.

Embed

Mostra Stitch in un README o sul tuo sito. Ogni embed rimanda a questa pagina, usa l’URL del server stesso e non imposta cookie. Come funzionano gli embed

Badge per il README

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>

Segue la modalità chiara o scura di chi legge. Aggiungi ?theme=light o ?theme=dark per fissarla, oppure ?style=compact per mostrare il simbolo senza la scritta.

Scheda per il sito

HTML

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

La scheda compare dove si trova il tag. Aggiungi data-theme="dark" o data-size="compact" al tag per cambiarla. Il file contiene tutto ciò che serve, quindi non fa altre richieste e non imposta cookie.

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>

Usalo nelle pagine che non consentono script. Aggiungi ?theme=light o ?theme=dark all’indirizzo per fissare i colori.

JSON

La scheda come dati per le tue pagine e i tuoi strumenti: nome, descrizione breve, URL del server, tool e i link «Aggiungi a». Qualsiasi sito può leggerla (CORS aperto).

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

Cosa significa ogni campo

mcp.tc non è affiliato a Google. Questa pagina è stata costruita dai metadati pubblici di Stitch (ultimo controllo: 3 ott 2026), e la descrizione l’ha scritta un modello di AI, quindi può contenere errori. Nomi e marchi appartengono ai rispettivi titolari. Qualcosa non va? Segnala questa scheda.

Collegati a Stitch

Condividi questo server

Descrizione

Cosa puoi fare

Tool 15

Prompt di esempio

Configurazione

Claude Code

Claude Desktop

Cursor

VS Code

Devin Desktop

Codex

Gemini CLI

Qualsiasi client

Domande frequenti

Embed

Badge per il README

Scheda per il sito

iframe

JSON

Server correlati

Google Design (Material & Fonts), verificato

Android Management API, verificato

Google Maps Grounding Lite, verificato

Google Developer Knowledge, verificato

MCP Toolbox for Databases, verificato

Google Analytics, verificato