Fluid MCP
Fluid is a generative-art MCP server that builds backgrounds and wallpapers from 24 math fields and returns embed code for a site.
- 95 ★ on the repository
- Last commit
- MIT
Minimal access
Why this level
- Request parameters are sent to the project author's server.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add mcp/fluidDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- Request parameters are sent to the project author's server.
This is third-party code. Review the repository files before installing.
What it does
Fluid builds backgrounds, wallpapers and Open Graph images from WebGL shaders. An agent chooses the field, palette and parameters, and the server returns the finished piece with a studio link. The remote MCP server exposes five tools: `create_piece`, `get_embed_code`, `list_looks`, `get_seed_of_the_day` and `decode_link`. No authentication is needed. The same studio runs in a browser as one HTML file with no build step. Each piece is encoded in the URL, so a link reproduces the field, layers, palette and surface mode with no server storage. Export works as exact-size PNG, JPG or WebP, or as a self-contained HTML file with inlined shaders.
Who it is for. Front-end developers and designers who want an original landing-page background instead of stock imagery.
Good fit when
- A landing page needs an animated background that is easier to describe than to draw.
- An Open Graph image in a brand palette is required.
- A live canvas is embedded in a page as a single snippet.
- An agent picks the seed of the day, identical for every user.
Not a fit when
- You need a raster illustration of recognisable objects.
- The page must run in old browsers without WebGL.
- Requests cannot be sent to a third-party server.
Example request
Make a cool-toned background for a foundation page, choose a field and return the embed code.MCP
- Transport
- http
- Authentication
- not required
Limitations
The server is hosted by the project author on a Cloudflare Worker, so request parameters go to that domain. The README lists physical devices and Safari as untested. Output depends on the GPU: layered fields and material modes can strain weak devices. The README quotes both 42 and 58 looks, so verify the exact API set with a `list_looks` call. An outage of the author's server stops only the MCP, while the browser studio keeps working locally.
How to disable. Remove the connection with `claude mcp remove fluid` or delete the entry from the client configuration. Remove canvases embedded in pages separately.
FAQ
Is a key or sign-in required?
No. No authentication is required and the server address is shared by all clients.
How do I connect it to Claude Code?
Run `claude mcp add --transport http fluid https://fluid.krackeddevs.com/mcp`. In claude.ai, add it as a custom connector with the same address.
Can it be used without MCP?
Yes. The studio opens in a browser, and agents without MCP can use the JSON API and the `/llms.txt` file.
Which tools does the server expose?
`create_piece` makes a piece, `get_embed_code` returns a page snippet, `list_looks` lists looks, `get_seed_of_the_day` returns the day's seed and `decode_link` parses a link.
Which licence applies?
MIT, as stated in the README and the `LICENSE` file.
Discussion
No questions or reviews yet.
Related
MCP serversHosted Glif MCP server and plugin for creating images, video and audio from Claude Code, Codex, Cursor and ChatGPT
Open source design editor with a built-in MCP server: Claude and Cursor create and edit designs on your own server
The OpenGenerativeUI MCP server wraps HTML fragments into a styled document and gives an agent skills for SVG diagrams
An MCP server for image generation through Sber's official Kandinsky API, with style choice and negative prompts
An MCP server through which an agent makes frames and videos in Google Flow under your Google account
Skill and MCP server for Shaders: the agent builds backgrounds, glass, gradients and cursor effects on WebGPU for React, Vue, Svelte, Solid and JS
README in short
The project presents itself as a dependency-free studio: one HTML file, no build and no server state. A URL hash stores the whole piece.