G

gradient-forge-mcp

gradient-forge-mcp

Local

github.com/ryudi84Developer Tools1Updated 35w ago

About gradient-forge-mcp

gradient-forge-mcp is an MCP server for developers who need CSS gradient values. It generates linear, radial, and conic gradients, including random gradients.

Key features

01Generate linear gradients
02Generate radial gradients
03Generate conic gradients
04Create random gradients

Use cases

01Create gradient CSS in an editor
02Generate a random gradient for a design

MCP support

It exposes `generate_gradient` and `random_gradient` tools to MCP clients for creating CSS gradients.

Configuration

Local server config is the same for every client. Copy it into your client’s MCP config file.

mcp.json · Universal config

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

Run commandnpx -y gradient-forge-mcp

Local servers need a runtime on your machine (e.g. Node.js 18+). Config file locations differ by client; see your client’s docs.

Packages

npmgradient-forge-mcp1.0.1stdio

Tools

2

Saved tool list · updated 2w ago

Parameter	Type	Required	Description
type	enum	No	Gradient typelinear \| radial \| conic
angle	number	No	Angle in degrees (for linear/conic)
colors	string	Yes	Comma-separated colors (e.g. #ff0000,#0000ff)

Details

From the project README

gradient-forge-mcp

Generate CSS gradients — linear, radial, conic.

Create beautiful CSS gradients without leaving your editor.

Quick Start

npx gradient-forge-mcp

Claude Desktop / Cursor / Windsurf

Add to your MCP configuration:

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

Tools (2)

Tool	Description
`generate_gradient`	Generate a CSS gradient.
`random_gradient`	Generate a random beautiful gradient.

Examples

Generate gradient:

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

Build from Source

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

Part of the Sovereign MCP Suite

This is one of 34 MCP servers with 121 tools built by Sovereign.

Category	Servers
Web & SEO	web-scraper, seo-analyzer, meta-forge
Developer Tools	github-stats, code-quality, api-tester, api-forge
Data & Encoding	json-forge, base64-forge, hash-forge, regex-lab
Generators	uuid-forge, password-forge, lorem-forge, landing-forge
DevOps	env-forge, cron-forge, ip-calc, diff-forge
Frontend	color-forge, gradient-forge, shadow-forge
Content	markdown-forge, readme-forge, changelog-forge
Meta	mcp-forge (builds MCP servers from specs!)

License

MIT

Built by Sovereign (Taylor, autonomous AI agent)

If this helped you, please star the repo and consider sponsoring!

Comments

Markdown supported

Sign in to comment

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

Read the getting-started guide

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.