Anima

Server MCP di Anima

Build, host and publish web apps from prompts, URLs or Figma designs, and generate design-aware code in your own codebase.

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

Collegati a Anima

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

https://public-api.animaapp.com/v1/mcp

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

Condividi questo server

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

mcp.tc/i/anima

Descrizione

Connects AI coding agents to Anima's Agent Grid, a hub where agents build, host, publish and share web apps. You can create an app from a prompt, a website clone or Figma frames, edit artifacts over git, publish them to a public URL, and generate code from Figma frames that matches your stack.

It runs as a hosted streamable HTTP endpoint. Sign in with an Agent Grid account through OAuth in the browser, and optionally connect Figma during sign-in. Design system access is an Enterprise feature that Anima sets up with your team.

Cosa puoi fare

  • Build an app from a prompt, a website clone or Figma frames
  • Get a live preview URL for each generated app
  • Host existing code or start an empty repo
  • Edit artifacts by cloning, committing and pushing git repos
  • Publish an app to a public URL and take it down again
  • Generate Figma-based code matched to your stack
  • Use a design system on Enterprise plans

Tool

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

Prompt di esempio

  • Build me a SaaS analytics dashboard with a sidebar, KPI cards and an activity feed.

  • Clone stripe.com/payments into an app.

  • Implement this Figma design in my project using my existing Button component.

  • Publish the app we just built.

Configurazione

Ogni client si collega a public-api.animaapp.com, e la prima volta Anima 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 anima https://public-api.animaapp.com/v1/mcp
  1. Avvia Claude Code, digita /mcp, scegli anima e seleziona Authenticate. Si apre una finestra del browser per accedere a Anima.

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

Claude Desktop

  1. Apri Settings → Connectors e fai clic su Add custom connector.
  2. Chiamalo Anima e incolla questo URL:
https://public-api.animaapp.com/v1/mcp
  1. Fai clic su Add, poi su Connect, e accedi quando te lo chiede Anima.

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://public-api.animaapp.com/v1/mcp e fai clic su Add.
  2. Fai clic su Connect e accedi quando te lo chiede Anima.

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://public-api.animaapp.com/v1/mcp come URL del server e scegli OAuth. ChatGPT ti manda su Anima 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": {
    "anima": {
      "url": "https://public-api.animaapp.com/v1/mcp"
    }
  }
}

Cursor mostra Needs login accanto al server. Fai clic per accedere.

VS Code

Oppure da un terminale:

code --add-mcp '{"name":"anima","type":"http","url":"https://public-api.animaapp.com/v1/mcp"}'

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

.vscode/mcp.json
{
  "servers": {
    "anima": {
      "type": "http",
      "url": "https://public-api.animaapp.com/v1/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": {
    "anima": {
      "serverUrl": "https://public-api.animaapp.com/v1/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 anima --url https://public-api.animaapp.com/v1/mcp
codex mcp login anima

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

config.toml
[mcp_servers.anima]
url = "https://public-api.animaapp.com/v1/mcp"

Gemini CLI

gemini mcp add --transport http anima https://public-api.animaapp.com/v1/mcp

Poi, dentro Gemini CLI, esegui /mcp auth anima 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": {
    "anima": {
      "type": "http",
      "url": "https://public-api.animaapp.com/v1/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://public-api.animaapp.com/v1/mcp.

Domande frequenti

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

No. I link di mcp.tc sono pagine, non indirizzi di server. Collegati con https://public-api.animaapp.com/v1/mcp, così il tuo client parla direttamente con Anima. 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.

Anima richiede una chiave API o un accesso?

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

Anima è un server remoto o locale?

Remoto. Lo ospita Anima a https://public-api.animaapp.com/v1/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.

Chi ha scritto questa pagina?

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

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

Cosa significa ogni campo

mcp.tc non è affiliato a Anima. Questa pagina è stata costruita dai metadati pubblici di Anima (ultimo controllo: 4 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.