# Anima MCP server > Build, host and publish web apps from prompts, URLs or Figma designs, and generate design-aware code in your own codebase. - Listing: https://mcp.tc/i/anima - Connect: use the server's own URL `https://public-api.animaapp.com/v1/mcp` (OAuth sign-in at the server); clients connect to it directly. The listing link is a page, not an MCP endpoint. - Type: remote (Streamable HTTP) - Auth: OAuth sign-in - Category: [Design, Websites & CMS](https://mcp.tc/c/design) - Vendor: Anima - Repository: ## About 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 it 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 ## 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." ## Install ### Claude Code 1. Run this in a terminal, in your project folder: ```bash claude mcp add --transport http anima https://public-api.animaapp.com/v1/mcp ``` 2. 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 1. Open **Settings → Connectors** and click **Add custom connector**. 2. Name it **Anima** and paste this URL: ```url https://public-api.animaapp.com/v1/mcp ``` 3. 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 1. Open the connector form on claude.ai. This button fills in the name and URL for you: [Add to claude.ai]() (opens connector settings) 2. Check that the URL reads `https://public-api.animaapp.com/v1/mcp` and click **Add**. 3. 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 1. On chatgpt.com, open **Settings → Security and login** and turn on **Developer mode**. 2. Go to `chatgpt.com/plugins` and click **+** to create an app for a remote MCP server. 3. Paste `https://public-api.animaapp.com/v1/mcp` as 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 Cursor) Or add it by hand to `~/.cursor/mcp.json` (all projects) or `.cursor/mcp.json` (this project): `mcp.json`: ```json { "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 VS Code) Or from a terminal: ```bash 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`: `.vscode/mcp.json`: ```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 1. Add it to `~/.config/devin/mcp_config.json` (macOS and Linux) or `%APPDATA%\devin\mcp_config.json` (Windows): `mcp_config.json`: ```json { "mcpServers": { "anima": { "serverUrl": "https://public-api.animaapp.com/v1/mcp" } } } ``` 2. 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 ```bash codex mcp add anima --url https://public-api.animaapp.com/v1/mcp codex mcp login anima ``` Or edit `~/.codex/config.toml` directly: `config.toml`: ```toml [mcp_servers.anima] url = "https://public-api.animaapp.com/v1/mcp" ``` ### Gemini CLI ```bash gemini mcp add --transport http anima https://public-api.animaapp.com/v1/mcp ``` Then, 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. ```json { "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`. ## Details - Server version: 1.0.0 - Last checked: 2026-10-04 (reachable, asks for credentials) - Listed: 2026-10-04 - Updated: 2026-10-04 --- Source: https://mcp.tc/i/anima (mcp.tc is an independent directory, not affiliated with this server's publisher). Corrections: https://mcp.tc/report