Gradients Studio MCP server
online · 100% uptimestudio.gradients/mcp·v1.1.0Gradient backgrounds with real grain, pixel and dither finishes. Free previews, no key needed.
0 stars
Reviews
Write oneNobody has reviewed Gradients Studio yet.
If you have run it, two minutes of your experience saves the next person an afternoon.
Gradients Studio tools (3)
write = sends, deletes, buys or postslist_palettesFreePalettes to start from: the studio's sixteen, the ones behind product sites people admire (Linear, Stripe, Raycast, …), the account's saved palettes (with an API key), and six tuned starting points for common jobs (website hero, launch post, deck slide, product screenshot, integrations grid, App Store shot) with their full settings. Pass any of these to render_gradient. No key needed.
render_gradientFreeRender a gradient background image (website hero, OG image, launch post, slide, wallpaper) with Gradients Studio's renderer: blobs, stripes or clouds, real grain, pixel and dither finishes, shape overlays. Workflow: start from suggest_settings or list_palettes, call this WITHOUT `size` for a free 960px preview (returned inline, no API key needed), adjust the `settings` you get back, and pass `size` (exact pixels, e.g. [1200, 630] for an OG image, [2560, 1440] for a hero) once the person is happy. A sized export needs an API key; it uses one of the account's monthly exports (5 free, unlimited on Pro) and returns a URL that is valid for 24 hours; asking for the same export again within that time returns the same URL for free. Every result includes `settings` (send them back to iterate) and `studioUrl` (open it to take over in the browser). Use `overlaySvg` with the raw text of a logo SVG to draw it as concentric outlines over the gradient. For the soft mesh look keep blur at 700–900 and contrast at 130; saturated mid-tone colors render best, muddy ones come out dull.
suggest_settingsFreeTurn a plain-language brief ('dark, premium, fintech hero, a bit retro') into two or three starting settings for render_gradient. Understands jobs (hero, launch post, slide, screenshot, integrations, app store), moods and colors, product names (Linear, Stripe, Raycast…), styles (blobs, stripes, clouds) and finishes (retro/pixel, print/dither, terminal/glyph dither, film/grain, smooth). You are the taste layer: preview the candidates and adjust. No key needed.
Public scan report
scanner v0.1.10 · 2026-10-31 · same rubric, same numbers if you re-run it
- –Code scanremote-only server, no package to scann/a
- Live reliabilityremote reachable in 870ms20/20
- Tool poisoning3 tool descriptions checked15/15
- Auth qualityAPI key sent as a header8/15
- Maintenancelast push 4 days ago15/15
- Maintainer identityendpoint served from the registry-verified namespace domain8/10
How Gradients Studio compares
Against every graded MCP server, from our own scans and uptime checks. Updated after each scan run.
- Safety score
- 88/100
- higher than 75% of 48,255 servers
- Tools
- 3
- the typical server has 7
- Tools that change things
- 0%
- typical: 0%. Fewer write tools means less an agent can break
- Uptime
- 100%
- of our recent checks; the typical remote server answers 100%
- Response time
- 814 ms
- faster than 16% of 30,031 servers
What its tools let an agent do: 3 read
Release history: 2 versions in the registry since 2026-09-21, latest 2026-10-19, typically one every 28 days.
Install Gradients Studio in Claude Code, Cursor or VS Code
claude mcp add --transport http mcp https://www.gradients.studio/mcp
What the publisher says
From the Gradients Studio repository's README, as published. We do not edit it. Read it on GitHub
Gradients Studio MCP
Gradient backgrounds for coding agents. Describe the background in plain words ("dark, grainy, a bit like Linear") and your agent previews it, adjusts it, and drops the finished file into your repo at the exact size the layout needs: a website hero, an OG image, a launch post, a slide.
- Server: https://www.gradients.studio/mcp (remote, Streamable HTTP, stateless)
- No key to start: previews, palettes and suggestions work without an account.
- Exports: exact-size files with a download URL need a free API key; 5 free a month, unlimited on Pro.
- Docs: https://www.gradients.studio/mcp · agent install guide: llms-install.md
This repository holds the server's public listing files and docs only. The service itself is hosted; there is nothing to build or run.
Install
Claude Code
claude mcp add gradients --transport http https://www.gradients.studio/mcpOr as a plugin, which adds a skill that tells Claude when to reach for it:
/plugin marketplace add anusandhan/gradients-studio-mcp
/plugin install gradients-studio@gradients-studioCursor: Add to Cursor, or add to ~/.cursor/mcp.json:
{
"mcpServers": {
"gradients": { "url": "https://www.gradients.studio/mcp" }
}
}Codex
codex mcp add gradients --url https://www.gradients.studio/mcpVS Code
code --add-mcp '{"name":"gradients","type":"http","url":"https://www.gradients.studio/mcp"}'Gemini CLI
gemini extensions install https://github.com/anusandhan/gradients-studio-mcpWindsurf, Cline, Claude Desktop and others: add a remote server named gradients with the URL above. Per-client details are in llms-install.md.
Add a key for exports
- Create a key at https://www.gradients.studio/app?keys=1 (sign in, then account menu → API keys). It is shown once.
- Send it as Authorization: Bearer :
claude mcp remove gradients
claude mcp add gradients --transport http https://www.gradients.studio/mcp --header "Authorization: Bearer <key>"In JSON configs, add "headers": { "Authorization": "Bearer " } next to "url". With the Claude Code plugin, set GRADIENTSSTUDIOKEY in your environment instead.
Tools
Every result includes the settings (send them back to iterate) and a studio link to take over in the browser. Asking for the same export again within 24 hours returns the same URL and costs nothing.
Example prompts
Shortened. The full README is on GitHub.
Nothing above is checked by us. What we check is on the safety report.
Grade history
- 2026-10-31restoreB → Ascore 88
Gradients Studio: common questions
- Is Gradients Studio MCP server safe?
- Yes, by our scan: it is graded A (88/100). Read the Gradients Studio safety report
- How do I install Gradients Studio?
- It runs remotely at www.gradients.studio. Add it to Claude Code, Cursor, VS Code or Claude Desktop with the snippets above, or call it through the mcp.market gateway without installing anything.
- Does Gradients Studio need an API key?
- Yes. The registry entry asks for
Authorization. - Is Gradients Studio maintained?
- The last commit was 8 days ago (2026-10-27). The latest release is v1.1.0.
- Is Gradients Studio up?
- 100% of our last 28 checks got an answer. We check remote servers about four times a day.
- How does Gradients Studio compare with other MCP servers?
- safety score 88/100 (higher than 75% of 48,255 servers); tools 3 (the typical server has 7); tools that change things 0% (typical: 0%. Fewer write tools means less an agent can break). Full comparison.