Noi e terze parti selezionate usiamo cookie o tecnologie simili per finalità tecniche e, con il tuo consenso, per analizzare l’uso del sito.

Puoi liberamente prestare, negare o revocare il tuo consenso in qualsiasi momento.

Unlayer

Server MCP di Unlayer

Generate email, page and PDF document templates as React code or with AI, export them, and edit them in the Unlayer visual builder.

Accesso con OAuth (La prima volta che ti colleghi, accedi con il tuo account del fornitore)Streamable HTTP

Collegati a Unlayer

Unlayer richiede l’accesso. Collegati con il suo URL:

https://api.unlayer.com/mcp

Il tuo client apre la pagina di accesso di Unlayer la prima volta che lo usi. Il token resta tra il tuo client e Unlayer.

Condividi questo server

Apre questa pagina, con l’URL e i passaggi di configurazione.

mcp.tc/i/unlayer

Descrizione

Connects AI assistants and coding agents to Unlayer. An agent can build email, page and document templates as @unlayer/react-elements code, generate or refine designs from a prompt, import existing HTML into an editable design, and render or export to HTML, PDF or PNG. It can also check templates for common issues and answer questions from the Unlayer docs.

Runs as a hosted Streamable HTTP server at https://api.unlayer.com/mcp. Clients that support OAuth sign in through the browser and pick a project. Alternatively, send an Unlayer API key or Personal Access Token as a Bearer token in the Authorization header.

Cosa puoi fare

  • Build email, page and document templates as React Elements code
  • Generate or refine designs from a prompt
  • Import existing HTML into an editable Unlayer design
  • Export designs to HTML, PDF or PNG
  • Check templates for common issues
  • Answer Unlayer questions from current docs
  • Open designs in the visual builder for teammates to edit

Tool

Unlayer mostra i suoi tool solo dopo l’accesso, quindi non possiamo elencarli qui. Il tuo client li mostra una volta collegato.

Prompt di esempio

  • Create a welcome email template with Unlayer Elements and show me the React code.

  • Turn this HTML newsletter into an editable Unlayer design.

  • Generate an invoice document template and export it as a PDF.

  • Check my email template for common issues and export it to HTML.

Configurazione

Ogni client si collega a api.unlayer.com, e la prima volta Unlayer ti chiede di accedere. Scegli il tuo; la pagina ricorda la tua scelta.

Claude Code

  1. Eseguilo in un terminale, nella cartella del tuo progetto:
claude mcp add --transport http unlayer https://api.unlayer.com/mcp
  1. Avvia Claude Code, digita /mcp, scegli unlayer e seleziona Authenticate. Si apre una finestra del browser per accedere a Unlayer.

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

Claude Desktop

  1. Apri Customize → Connectors, fai clic su + Add, poi su Add custom connector.
  2. Chiamalo Unlayer e incolla questo URL:
https://api.unlayer.com/mcp
  1. Fai clic su Add, poi su Connect, e accedi quando te lo chiede Unlayer.

Il file di configurazione JSON di Claude Desktop avvia solo server locali. I server remoti passano dai Connectors, e i connettori che aggiungi su claude.ai compaiono anche qui.

claude.ai

  1. Apri il modulo dei connettori su claude.ai. Questo pulsante compila nome e URL per te:
  1. Controlla che l’URL sia https://api.unlayer.com/mcp e fai clic su Add.
  2. Fai clic su Connect e accedi quando te lo chiede Unlayer.

I piani gratuiti consentono un connettore personalizzato. Nei piani Team ed Enterprise lo aggiunge un owner in Organization settings → Connectors.

ChatGPT

  1. Su chatgpt.com apri Settings → Security and login e attiva Developer mode.
  2. Vai su chatgpt.com/plugins e fai clic su + per creare un’app per un server MCP remoto.
  3. Incolla https://api.unlayer.com/mcp come URL del server e scegli OAuth. ChatGPT ti manda su Unlayer per accedere.

La modalità sviluppatore è disponibile sul web per gli account Plus, Pro, Business, Enterprise ed Education.

Cursor

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

mcp.json
{
  "mcpServers": {
    "unlayer": {
      "url": "https://api.unlayer.com/mcp"
    }
  }
}

Cursor mostra Needs authentication accanto al server. Fai clic sul pulsante lì accanto per accedere.

VS Code

Oppure da un terminale:

code --add-mcp '{"name":"unlayer","type":"http","url":"https://api.unlayer.com/mcp"}'

Oppure fai commit nel repository in .vscode/mcp.json:

.vscode/mcp.json
{
  "servers": {
    "unlayer": {
      "type": "http",
      "url": "https://api.unlayer.com/mcp"
    }
  }
}

VS Code ti chiede di accedere la prima volta che il server si avvia.

Devin Desktop

  1. Aggiungilo a ~/.config/devin/mcp_config.json (macOS e Linux) o a %APPDATA%\devin\mcp_config.json (Windows):
mcp_config.json
{
  "mcpServers": {
    "unlayer": {
      "serverUrl": "https://api.unlayer.com/mcp"
    }
  }
}
  1. Aggiorna l’elenco dei server MCP in Cascade e accedi quando richiesto.

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

Codex

codex mcp add unlayer --url https://api.unlayer.com/mcp
codex mcp login unlayer

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

config.toml
[mcp_servers.unlayer]
url = "https://api.unlayer.com/mcp"

Gemini CLI

gemini mcp add --transport http unlayer https://api.unlayer.com/mcp

Poi, dentro Gemini CLI, esegui /mcp auth unlayer per accedere.

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": {
    "unlayer": {
      "type": "http",
      "url": "https://api.unlayer.com/mcp"
    }
  }
}

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://api.unlayer.com/mcp.

Embed

Mostra Unlayer 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

Card, iframe e JSON sono in inglese. Aggiungi ?lang=it, fr, de o es al loro indirizzo per un’altra lingua.

Badge per il README

Anteprima del badge, chiaroAnteprima del badge, scuro
Markdown
[![Unlayer on mcp.tc](https://mcp.tc/i/unlayer/badge.svg)](https://mcp.tc/i/unlayer)
HTML
<a href="https://mcp.tc/i/unlayer"><img src="https://mcp.tc/i/unlayer/badge.svg" alt="Unlayer 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.

Card per il sito

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

La card 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/unlayer" title="Unlayer 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 «Add to». Qualsiasi sito può leggerla (CORS aperto).

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

Cosa significa ogni campo

Prompt per l’AI

Incollalo in un assistente di programmazione con l’AI, come Claude Code o Cursor, e aggiungerà la card di Unlayer al tuo sito.

Markdown
Aggiungi al mio sito la card di mcp.tc per Unlayer, un server MCP. È un solo script statico: niente build, nessun pacchetto da installare, nessun cookie.

Metti questo tag dove deve comparire la card. La card appare subito prima del tag:

```html
<script src="https://mcp.tc/w/unlayer.js" async></script>
```

Per mostrarla altrove, metti lì questo segnaposto e carica lo stesso script una volta sola, per esempio prima di `</body>`. Lascia il link al suo interno: lo vede chi non ha JavaScript.

```html
<div data-mcptc="unlayer"><a href="https://mcp.tc/i/unlayer">Unlayer on mcp.tc</a></div>
```

Opzioni:
- `data-theme="light"` o `"dark"` sul tag o sul segnaposto fissa i colori. Senza l’attributo, la card segue la modalità chiara o scura di chi visita.
- `data-size="compact"` dà una card più piccola, senza la descrizione breve.
- La variabile CSS `--mcptc-max-width` sul segnaposto o su un elemento padre imposta la larghezza (predefinita `520px`).
- `?lang=` nell’URL dello script imposta la lingua della card: `en`, `it`, `fr`, `de` o `es`.

Se il sito ha una Content Security Policy, consenti `script-src https://mcp.tc` e `img-src data:` (l’icona è inline).

Per un README o altra documentazione in Markdown, usa invece il badge:

```markdown
[![Unlayer on mcp.tc](https://mcp.tc/i/unlayer/badge.svg)](https://mcp.tc/i/unlayer)
```

Riferimento: https://mcp.tc/it/embed

Cronologia delle modifiche

I suoi tool sono dietro un accesso, quindi non possiamo leggerli. Qui compaiono le modifiche di chi lo gestisce.

Segui Unlayer e ti mandiamo un’email quando qualcosa cambia.

Nulla di registrato per ora. Qui compariranno le modifiche di chi gestisce il server.

Domande frequenti

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

No. I link di mcp.tc sono pagine, non indirizzi di server. Collegati con https://api.unlayer.com/mcp, così il tuo client parla direttamente con Unlayer. Il token di accesso funziona comunque solo lì. Il link rapido serve per condividere: apre questa pagina, con i passaggi di configurazione per ogni client.

Unlayer richiede una chiave API o un accesso?

Sì, ti serve un account Unlayer. La prima volta che il tuo client si collega, apre la pagina di accesso di Unlayer. Il token va direttamente all’URL del server stesso, mai attraverso mcp.tc.

Unlayer è un server remoto o locale?

Remoto. Lo ospita Unlayer a https://api.unlayer.com/mcp, e usa Streamable HTTP. Non c’è nulla da installare.

Quali client possono usarlo?

Qualsiasi client che supporta i server MCP remoti: Claude Code, Claude Desktop, claude.ai, ChatGPT in modalità sviluppatore, Cursor, VS Code, Devin Desktop, Codex, Gemini CLI, Zed e altri. I passaggi di configurazione li coprono tutti.

mcp.tc tiene traccia delle modifiche di Unlayer?

In parte. I tool di Unlayer sono dietro un accesso, quindi la sua sezione Cronologia mostra solo le modifiche di chi lo gestisce. Segui la scheda per ricevere un’email quando cambia.

Chi ha scritto questa pagina?

Il robot di mcp.tc ha letto i metadati di Unlayer (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.

mcp.tc non è affiliato a Unlayer. Questa pagina è stata creata a partire dai metadati pubblici di Unlayer (ultimo controllo: 8 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.