mcpField
C
Color Palette X402

Color Palette X402

リモート
github.comメディア・デザイン08 週間前に更新
リポジトリ公式サイト

Color Palette X402 について

Color Palette X402は、デザインや開発向けに基準色から調和した配色を生成するMCPサービスです。5種類の配色方式に対応し、x402による従量課金を採用しています。

主な機能

  1. 01HEX基準色から配色を生成
  2. 025種類の配色方式に対応
  3. 03HEX、RGB、HSL、CSS変数を返却
  4. 04x402による従量課金

活用シーン

  1. 01ウェブサイトのテーマカラー作成
  2. 02ブランド配色ガイドの作成
  3. 03UIコンポーネントの色選び

MCP 対応

MCPクライアント向けに配色生成ツールを公開し、基準HEX色、方式、色数を受け取ります。複数形式の色データを返し、HTTP呼び出しにはx402決済を使用します。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://color-palette.api.klymax402.com/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

詳細

カラーパレット生成 API

MCP Server x402 License: MIT

任意の 16 進数カラーから、調和の取れたカラーパレットを生成します。5 種類の配色:補色、類似色、三色配色、分裂補色、四色配色に対応しています。16 進数、RGB、HSL、CSS 変数を返します。x402 による呼び出しごとの決済(Base L2 上の USDC)に対応しており、API キーも登録も不要で、レート制限の壁もありません。

klymax402 マーケットプレイスの一部です。AI エージェント向けの x402 マイクロペイメント API を 100 種類提供しており、ウォレット 1 つで Base 上の USDC を利用できます。

クイックスタート -- MCP

MCP クライアントの設定(Claude Desktop、Cursor、ElizaOS など)に追加します。

{
  "mcpServers": {
    "color-palette": {
      "url": "https://color-palette.api.klymax402.com/mcp"
    }
  }
}

クイックスタート -- HTTP(x402)

curl -X POST "https://color-palette.api.klymax402.com/api/palette" \
  -H "Content-Type: application/json" \
  -d '{"color":"..."}'
# -> 402 Payment Required, with an x402 payment challenge in the response body

x402 対応クライアント(@x402/fetch、x402-agent-tools、ATXP)であれば、402 → 署名 → 再試行のサイクルを自動的に処理します。

ツール

ツールメソッドパス価格説明
design_generate_color_palettePOST/api/palette$0.003ベースとなる 16 進数カラーからカラーパレットを生成します
design_generate_color_palette

ベースとなる 16 進数カラーから調和の取れたカラーパレットを生成する場合に使用します。デザインやコードですぐに使える複数のカラー形式を返します。

パラメーター

名前型必須説明
colorstringはいベースとなる 16 進数カラー(例:#FF5733 または FF5733)
schemestringいいえ配色:complementary、analogous、triadic、split-complementary、tetradic(デフォルト:complementary)
countnumberいいえ生成する色の数(デフォルト:5、最大:10)

応答例:

{"colors":[{"hex":"#FF5733","rgb":{"r":255,"g":87,"b":51},"hsl":{"h":11,"s":100,"l":60},"cssVar":"--color-1: #FF5733;"}],"scheme":"complementary","baseColor":"#FF5733","count":5}

使用例:デザインシステムの構築、Web サイトのテーマカラー生成、ブランドカラーガイドラインの作成、UI コンポーネント用のアクセシブルな配色選びなどに使います。まとまりのあるパレットが必要なデザインプロジェクトを始める前に使用してください。

用途外:画像処理には media_extract_text_from_image、ファビコンの生成には utility_generate_qr_code、スクリーンショットの撮影には capture_screenshot を使用してください。

エージェント向けプロンプト例

  • 「ベースとなる 16 進数カラーから調和の取れたカラーパレットを生成してください」

決済

  • プロトコル:x402 -- HTTP ネイティブの呼び出しごとの決済。登録や API キーは不要です
  • ネットワーク:Base L2(eip155:8453)
  • 資産:USDC
  • ファシリテーター:Coinbase CDP(プライマリ)、PayAI(フォールバック)
  • ATXP 経由でも利用できます(OAuth でラップされた x402、RFC 9728 の保護リソースメタデータに対応)

klymax402 の一部

AI エージェント向けの x402 マイクロペイメント API を 100 種類提供しています。ウォレット 1 つで Base 上の USDC を利用でき、登録は不要です。

ライセンス

MIT

コメント

MCP は初めてですか?

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

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