Anima Agent Grid MCP
Agent Grid MCP Server Guide
Anima Agent Grid MCP server and skill: the agent builds a web app from a prompt, a website or a Figma design and publishes it
Install
/plugin marketplace add AnimaApp/mcp-server-guide
/plugin install anima@mcp-server-guideThe plugin installs both the MCP server and the skill.
This is third-party code. Review the repository files before installing.
What it does
Agent Grid stores every app as its own git repository, which Anima calls an artifact. Through MCP the agent creates an artifact from a text prompt, a website URL to clone or Figma frames, or imports existing code. Edits go through git: the agent gets a token, clones, commits and pushes. A finished app can be published to a public URL. A separate tool generates code from a Figma design straight into your project. The skill teaches the agent to pick the right job and wait for async builds to finish.
Who it is for. For designers, product managers and developers who prototype quickly from Figma or a description.
Good fit when
- You want a Figma design turned into a live site
- You need a quick app prototype from a description
- You need a Figma design implemented in an existing codebase
Not a fit when
- Code must not live on a third-party platform
- You need a full backend on your own infrastructure rather than Agent Grid hosting
Example request
Turn this Figma frame into a working site and give me the preview linkLimitations
Requires an Agent Grid account; Figma flows need Figma connected during authorization. Design system support is Enterprise only. Publishing makes the app public to everyone.
How to disable. Uninstall the anima plugin via /plugin or run claude mcp remove anima. In Codex remove the mcp_servers.anima block from config.toml.
MCP
- Transport
- http
- Authentication
- OAuth
Security check
- Pushes code to repositories on a third-party platform
- Can publish an app to a public URL
README in short
The README explains what the agent can do on Agent Grid: build from a prompt, a site or Figma, host your own code, edit over git and publish. Install options are a Claude Code plugin, manual MCP setup for Claude Code, Codex, VS Code and Cursor, and a CLI without MCP. It includes prompting tips and a table of repo contents: the skill, references, plugin manifests and the MCP Registry entry.
SKILL.md
--- name: anima description: "Build and ship web apps on Agent Grid — a governed hub where AI agents create, host, publish, and share apps. Create an artifact (a real git repo) from a text prompt, a website URL to clone, a Figma design, your own existing code, or an empty repo; then edit it over git and publish it to a live URL. Also generates design-aware code from Figma directly into an existing codebase. Triggers when the user provides a Figma URL, a website URL to clone, an Agent Grid artifact URL, asks to design, build, prototype, or deploy an app, asks to edit or fix an existing artifact, or wants to publish something to a live URL." mcpServers: - anima compatibility: "Works via the Agent Grid MCP server (HTTP transport) or the Anima CLI (npx @animaapp/cli). Both talk to the same governed endpoint." homepage: "https://github.com/AnimaApp/mcp-server-guide" --- # Build on Agent Grid ## What this is Agent Grid is a governed hub where AI agents build, host, publish, and share web apps. You reach it through the **Agent Grid MCP server** or the **Anima CLI** — both are the same surface, so use whichever is already connected. The unit you work with is an **artifact**: one real git repository in your team's workspace. Everything is an artifact — the code, the running app, the thing you publish. When an artifact holds a web app, it renders live at its URL. Two ideas carry most of the work: - **`artifact-*` tools own one artifact's lifecycle** — create, check, edit, rename, publish. - **`workspace-*` tools own the registry** — what artifacts exist.
FAQ
How is an artifact different from Figma codegen?
An artifact is a hosted app on Agent Grid. Codegen writes files into your repo and hosts nothing.
Can I skip MCP?
Yes, the CLI via npx @animaapp/cli runs the same operations.
Related
Official Claude Code plugin from the Next.js repo: adopting Cache Components and Partial Prefetching, and verifying changes on a running dev server
Official shadcn/ui skill and MCP server: the agent searches registries, adds components via the CLI and follows the library's rules
A frontend design skill with 23 commands, live browser iteration and 61 detector rules for common AI-generated UI tells
Vercel Agent Skills
Agent Skills
Vercel's skills: React and Next.js performance, UI guideline audits, React Native, component composition and deploys