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
- 6 ★ on the repository
- Last commit
Extended access
Why this level
- Pushes code to repositories on a third-party platform
- Can publish an app to a public URL
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add mcp/agent-grid-mcp-server-guideDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- Pushes code to repositories on a third-party platform
- Can publish an app to a public URL
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 linkMCP
- Transport
- http
- Authentication
- OAuth
Limitations
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.
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.
Discussion
No questions or reviews yet.
Related
MCP serversMCP bridge between an agent (Cursor, Claude Code, Codex) and Figma for reading designs and editing them on the canvas
An MCP server that gives the agent simplified Figma layout data from a link so it can build the screen more accurately than from a screenshot
An MCP server that lets an agent read and edit Figma designs: colors, typography, components and export
Figma's official MCP server: code from a selected frame, design system variables and components, and writing designs to the canvas
Figma To Code MCP: from Figma layout to code
Figma To Code MCP
Figma to code over MCP: the server gives the agent a layout as compact YAML with CSS property names, resolved variables and SVG exported to disk
A free, two-way Figma MCP server: turns designs into framework-aware code and pushes code back to the canvas
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.
README badge
Original 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.