gradient-forge-mcp

Name: gradient-forge-mcp
Author: ryudi84

本地服务

github.com/ryudi84开发工具135 周前更新

代码仓库

关于 gradient-forge-mcp

gradient-forge-mcp 是面向开发者的 MCP 服务，可生成 CSS 渐变值，支持线性、径向、锥形和随机渐变。

主要功能

01生成线性渐变
02生成径向渐变
03生成锥形渐变
04生成随机渐变

适用场景

01在编辑器中创建渐变 CSS
02为设计生成随机渐变

MCP 相关

它向 MCP 客户端提供 `generate_gradient` 和 `random_gradient` 工具，用于创建 CSS 渐变。

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置

{
  "mcpServers": {
    "ryudi84-gradient-forge": {
      "command": "npx",
      "args": [
        "-y",
        "gradient-forge-mcp"
      ]
    }
  }
}

启动命令npx -y gradient-forge-mcp

本地服务需要在你的电脑上安装运行环境（如 Node.js 18+）。各客户端的配置文件位置不同，请参考客户端文档。

安装包

npmgradient-forge-mcp1.0.1stdio

工具

收录的工具列表 · 更新于 2 周前

参数	类型	必填	说明
type	enum	否	渐变类型linear \| radial \| conic
angle	number	否	角度（度）（用于线性／锥形渐变）
colors	string	是	逗号分隔的颜色（例如 #ff0000,#0000ff）

详细介绍

gradient-forge-mcp

生成 CSS 渐变——线性、径向和圆锥渐变。

无需离开编辑器，即可创建精美的 CSS 渐变。

快速开始

npx gradient-forge-mcp

Claude Desktop / Cursor / Windsurf

添加到 MCP 配置中：

{
  "mcpServers": {
    "gradient": {
      "command": "npx",
      "args": ["-y", "gradient-forge-mcp"]
    }
  }
}

工具（2 个）

工具	描述
`generate_gradient`	生成 CSS 渐变。
`random_gradient`	生成精美的随机渐变。

示例

生成渐变：

{
  "tool": "gradient_generate",
  "arguments": {"colors": ["#FF5733", "#33FF57"], "type": "linear"}
}

从源代码构建

git clone https://github.com/ryudi84/sovereign-mcp-servers
cd sovereign-mcp-servers/gradient-forge
npm install && npm run build
npm start

Sovereign MCP 套件的一部分

这是 Sovereign 构建的 34 个 MCP 服务之一，共包含 121 个工具。

类别	服务
Web 与 SEO	web-scraper, seo-analyzer, meta-forge
开发者工具	github-stats, code-quality, api-tester, api-forge
数据与编码	json-forge, base64-forge, hash-forge, regex-lab
生成器	uuid-forge, password-forge, lorem-forge, landing-forge
DevOps	env-forge, cron-forge, ip-calc, diff-forge
前端	color-forge, gradient-forge, shadow-forge
内容	markdown-forge, readme-forge, changelog-forge
元工具	mcp-forge（可根据规范构建 MCP 服务！）