mcpField
G
gradient-forge-mcp

gradient-forge-mcp

ローカル
github.com/ryudi84開発ツール135 週間前に更新

gradient-forge-mcp について

gradient-forge-mcpは、CSSのグラデーション値を生成する開発者向けMCPサーバーです。線形、放射状、円錐状のほか、ランダムなグラデーションも作成できます。

主な機能

  1. 01線形グラデーションの生成
  2. 02放射状グラデーションの生成
  3. 03円錐状グラデーションの生成
  4. 04ランダムなグラデーションの生成

活用シーン

  1. 01エディター内でのグラデーションCSS作成
  2. 02デザイン用のランダムなグラデーション生成

MCP 対応

MCPクライアントにCSSグラデーションを作成する`generate_gradient`と`random_gradient`ツールを提供します。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの 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.1

ツール

2

掲載時のツール一覧 · 2 週間前に更新

パラメーター型必須説明
typeenumいいえグラデーションの種類linear | radial | conic
anglenumberいいえ角度(度)(線形/円錐グラデーション用)
colorsstringはいカンマ区切りの色(例:#ff0000,#0000ff)

詳細

gradient-forge-mcp

npm version npm downloads License: MIT MCP

CSS グラデーション(線形、放射状、円錐形)を生成します。

エディターを離れることなく、美しい CSS グラデーションを作成できます。

クイックスタート

npx gradient-forge-mcp
Claude Desktop / Cursor / Windsurf

MCP 設定に追加します。

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

ツール(2)

ツール説明
generate_gradientCSS グラデーションを生成します。
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 Suite の一部

これは、Sovereign が開発した 34 個の MCP サーバーと 121 個のツールのうちの 1 つです。

カテゴリサーバー
Web と SEOweb-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
DevOpsenv-forge, cron-forge, ip-calc, diff-forge
フロントエンドcolor-forge, gradient-forge, shadow-forge
コンテンツmarkdown-forge, readme-forge, changelog-forge
メタmcp-forge(仕様から MCP サーバーを構築します!)

ライセンス

MIT


Sovereign(Taylor、自律型 AI エージェント)が開発しました。

お役に立ちましたら、リポジトリにスターを付けて、スポンサーになることもご検討ください!

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。