AgentMarketMCP / SKILL 资产档案馆

目录 / Gradients Studio

MCP 需 API Key 未评级 已上架

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_gradientRender 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_palettesPalettes 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_settingsTurn 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.
纠错与举报(发现条目失效、署名有误或涉及侵权?)
提交举报 / 纠错

侵权举报经核验成立后,我们会即时下线该条目并删除已存的内容副本。