目录 / Gradients Studio
Gradients Studio
Mesh gradient backgrounds for product sites, launch posts and decks, rendered by the same engine as [gradients.studio](https://www.gradients.studio): blobs, stripes and clouds, real grain, pixel and dither finishes, shape and logo overlays. **Tools** - `render_gradient` — every dial the studio has. Without a size it returns a free 960px preview inline, so the agent can look before it commits. With a size (exact pixels, e.g. 1200×630 for an OG image) it returns a download URL. Pass `overlaySvg` to draw your logo as concentric outlines. - `list_palettes` — the studio's palettes, the ones behind sites you already admire (Linear, Stripe, Raycast, Lovable, Dia…), your saved palettes, and tuned starting points for common jobs. - `suggest_settings` — a brief in plain words ("dark, premium, fintech hero, a bit retro") becomes two or three starting settings. **Try:** "Add a dark, grainy hero background to the landing page, 2560×1440, something like Linear." **Pricing:** previews are free and unmetered. Sized exports use the same pool as the web: 5 free a month, unlimited on Pro ($39/year) or a Week Pass ($9). Asking for the same export twice within 24 hours returns the same URL for free. One-time payments, nothing to cancel. **Key:** create one at gradients.studio → studio → account menu → API keys. Shown once, revocable anytime.
接入信息
- 传输形态
- http
- 鉴权方式
- 需 API Key(需要配置:X-API-Key)
- 端点
https://gradients--gradients-studio.run.tools
{
"mcpServers": {
"Gradients Studio": {
"headers": {
"Authorization": "Bearer \u003cYOUR_KEY\u003e"
},
"url": "https://gradients--gradients-studio.run.tools"
}
}
}
能力清单
| 工具 | 说明 |
|---|---|
| render_gradient | Render a mesh gradient 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), 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 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. |
| list_palettes | Palettes to start from: the studio's twelve, the ones behind product sites people admire (Linear, Stripe, Raycast, …), the account's saved palettes, 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. |
| suggest_settings | Turn 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. |
提交举报 / 纠错
侵权举报经核验成立后,我们会即时下线该条目并删除已存的内容副本。