Anima
MCP server by Anima
Build, host and publish web apps from prompts, URLs or Figma designs, and generate design-aware code in your own codebase.
Connect to Anima
Anima needs sign-in. Connect with its own URL:
Your client opens Anima’s sign-in the first time you use it. The token stays between your client and Anima.
Share this server
Opens this page, with the URL and setup steps.
mcp.tc/i/animaAbout
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.
What you can do
- 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
Tools
Anima lists its tools only after you sign in, so we can’t show them here. Your client lists them once you’re connected.
Example prompts
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.
Set up
Every client connects to public-api.animaapp.com, and Anima asks you to sign in the first time. Pick yours; the page remembers your choice.
Claude Code
- Run this in a terminal, in your project folder:
claude mcp add --transport http anima https://public-api.animaapp.com/v1/mcp- Start Claude Code, type
/mcp, pick anima and choose Authenticate. A browser window opens for the Anima sign-in.
Add --scope user to make it available in every project, not just this one.
Claude Desktop
- Open Settings → Connectors and click Add custom connector.
- Name it Anima and paste this URL:
https://public-api.animaapp.com/v1/mcp- Click Add, then Connect, and sign in when Anima asks.
Claude Desktop’s JSON config file only starts local servers. Remote servers go through Connectors, and connectors you add on claude.ai show up here too.
claude.ai
- Open the connector form on claude.ai. This button fills in the name and URL for you:
Add to claude.ai (opens in a new tab)
- Check that the URL reads
https://public-api.animaapp.com/v1/mcpand click Add. - Click Connect and sign in when Anima asks.
Free plans allow one custom connector. On Team and Enterprise plans an owner adds it under Organization settings → Connectors.
ChatGPT
- On chatgpt.com, open Settings → Security and login and turn on Developer mode.
- Go to
chatgpt.com/pluginsand click + to create an app for a remote MCP server. - Paste
https://public-api.animaapp.com/v1/mcpas the server URL and choose OAuth. ChatGPT sends you to Anima to sign in.
Developer mode is available on the web for Plus, Pro, Business, Enterprise and Education accounts.
Cursor
Add to Cursor (opens in a new tab)
Or add it by hand to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project):
{
"mcpServers": {
"anima": {
"url": "https://public-api.animaapp.com/v1/mcp"
}
}
}Cursor shows Needs login next to the server. Click it to sign in.
VS Code
Install in VS Code (opens in a new tab)
Or from a terminal:
code --add-mcp '{"name":"anima","type":"http","url":"https://public-api.animaapp.com/v1/mcp"}'Or commit it to the repo in .vscode/mcp.json:
{
"servers": {
"anima": {
"type": "http",
"url": "https://public-api.animaapp.com/v1/mcp"
}
}
}VS Code asks you to sign in the first time the server starts.
Devin Desktop
- Add it to
~/.config/devin/mcp_config.json(macOS and Linux) or%APPDATA%\devin\mcp_config.json(Windows):
{
"mcpServers": {
"anima": {
"serverUrl": "https://public-api.animaapp.com/v1/mcp"
}
}
}- Refresh the MCP server list in Cascade and sign in when asked.
Devin Desktop is the new name for Windsurf. It reads serverUrl (or url) for remote servers.
Codex
codex mcp add anima --url https://public-api.animaapp.com/v1/mcp
codex mcp login animaOr edit ~/.codex/config.toml directly:
[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/mcpThen, inside Gemini CLI, run /mcp auth anima to sign in.
This adds it to the current project. Add -s user to use it everywhere.
Any client
Most clients accept this shape. Some name the URL field differently: serverUrl in Devin Desktop, httpUrl in Gemini CLI’s settings file.
{
"mcpServers": {
"anima": {
"type": "http",
"url": "https://public-api.animaapp.com/v1/mcp"
}
}
}Zed puts servers under context_servers in its settings. Cline needs "type": "streamableHttp", or it assumes SSE.
Client only starts local servers? Bridge it with npx -y mcp-remote https://public-api.animaapp.com/v1/mcp.
FAQ
Can I paste mcp.tc/i/anima into my MCP client?
No. mcp.tc links are pages, not server addresses. Connect with https://public-api.animaapp.com/v1/mcp, so your client talks to Anima directly. The sign-in token only works there anyway. The quick link is for sharing: it opens this page, with setup steps for every client.
Does Anima need an API key or a sign-in?
Yes, you need a Anima account. The first time your client connects, it opens Anima’s sign-in page. The token goes straight to the server’s own URL, never through mcp.tc.
Is Anima a remote or a local server?
Remote. Anima hosts it at https://public-api.animaapp.com/v1/mcp, and it speaks Streamable HTTP. There’s nothing to install.
What can Anima do?
You can build an app from a prompt, a website clone or Figma frames, get a live preview URL for each generated app and host existing code or start an empty repo.
Which clients can use it?
Any client that supports remote MCP servers: Claude Code, Claude Desktop, claude.ai, ChatGPT in developer mode, Cursor, VS Code, Devin Desktop, Codex, Gemini CLI, Zed and others. The setup steps cover each one.
Who wrote this page?
mcp.tc’s robot read Anima’s own metadata (its MCP handshake, tool list and public pages), and an AI model drafted the text from it. A person reviews anything the checks can’t confirm. The text can still be wrong, so if you spot a mistake, use Report this listing on this page.
Embed
Show Anima in a README or on your site. Each embed links to this page, uses the server’s own URL, and sets no cookies. How embeds work
README badge
[](https://mcp.tc/i/anima)<a href="https://mcp.tc/i/anima"><img src="https://mcp.tc/i/anima/badge.svg" alt="Anima on mcp.tc" height="20"></a>It follows the reader’s light or dark mode. Add ?theme=light or ?theme=dark to fix it, or ?style=compact to show the mark without the word.
Website card
<script src="https://mcp.tc/w/anima.js" async></script>The card appears where the tag is. Add data-theme="dark" or data-size="compact" to the tag to change it. The file holds everything it needs, so it makes no other requests and sets no cookies.
iframe
<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>Use it on pages that don’t allow scripts. Add ?theme=light or ?theme=dark to the address to fix the colors.
JSON
The listing as data for your own pages and tools: name, tagline, the server’s own URL, tools and the “Add to” links. Any site can read it (CORS is open).
https://mcp.tc/i/anima.jsonmcp.tc isn’t affiliated with Anima. This page was built from Anima’s public metadata, last checked on 4 Oct 2026, and an AI model wrote the description, so it can be wrong. Names and marks belong to their owners. Something off? Report this listing.