Chart Color System について
Chart Color Systemは、Chart Color Systemエンジンを公開する読み取り専用のMCPサーバーです。パレットの生成、監査、シミュレーション、ランプ作成に対応し、測定に基づく図表色の結果を必要とするアシスタント向けです。
主な機能
- 01アンカー付きカテゴリーパレットの生成
- 02合格・警告・不合格でのパレット監査
- 034種類の視覚モードのシミュレーション
- 04連続または発散ランプの作成
- 05結果へのエンジンバージョンの記載
活用シーン
- 01アンカー付き図表パレットの生成
- 02測定値に基づくパレットの確認
- 03視覚シミュレーションでの色のプレビュー
- 04連続または発散ランプの作成
MCP 対応
MCPクライアントに`solve_palette`、`audit_palette`、`simulate_palette`、`build_ramp`を提供します。各結果にはエンジンバージョンが含まれます。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://chart-color-mcp.vercel.app/mcpclaude mcp add --transport http socraticstatic-chart-color-system https://chart-color-mcp.vercel.app/mcp{"mcpServers":{"socraticstatic-chart-color-system":{"type":"http","url":"https://chart-color-mcp.vercel.app/mcp"}}}Cursor で開く{"servers":{"socraticstatic-chart-color-system":{"type":"http","url":"https://chart-color-mcp.vercel.app/mcp"}}}VS Code で開く{"mcpServers":{"socraticstatic-chart-color-system":{"type":"http","url":"https://chart-color-mcp.vercel.app/mcp"}}}{"mcpServers":{"socraticstatic-chart-color-system":{"serverUrl":"https://chart-color-mcp.vercel.app/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
4| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| n | integer | いいえ | カテゴリー用スロット数 |
| grid | string | いいえ | グリッド線の色。デフォルトでは背景に合うライトグレーまたはダークグレーになります。 |
| anchors | array | いいえ | スロット順に指定するブランドカラーまたは必須カラー。色はそのまま保持されます（CSS 構文）。 |
| posture | enum | いいえ | kpi：少数の強い色。comparative：バランス重視。exploratory：多くの落ち着いた色。kpi | comparative | exploratory |
| background | string | いいえ | チャートの背景色 |
詳細
chart-color-mcp
Chart Color System を読み取り専用の MCP サーバーとして提供します。アプリと同じエンジン（npm chart-color-system）を、あらゆるアシスタントから呼び出せます。アプリは GitHub Pages 上で静的にホストされるため、このディレクトリは独立した Vercel プロジェクト（chart-color-mcp、チーム socraticstatics-projects）として、Pages のワークフローではなく、このディレクトリからデプロイされます。
- エンドポイント：
https://chart-color-mcp.vercel.app/mcp - 人間とアシスタント向けのドキュメント：https://socraticstatic.github.io/Visualizations/mcp-docs.html（ソース：`public/mcp-docs.html`）
- ツール：
solve_palette（基準点を設定し、監査済みのカテゴリ別パレット）、audit_palette（数値付きの合格／警告／不合格）、simulate_palette（1型2色覚、1型3色覚、2型3色覚、全色盲）、build_ramp（段階色または発散色） - すべての結果でエンジンのバージョン（
engine_version）が報告されます。新しいエンジンを提供するには、chart-color-systemの依存関係を更新してください。
デプロイと検証：
cd mcp && npm run deploy && npm test
npm test は、本番環境に対するコントラクトテストに加えて、ローカルのカードとハンドラーのテストを実行します。MCP_BASE=<preview url> npm test は、プレビュー環境に対してコントラクトテストを実行します。
MCP Registry（io.github.socraticstatic/chart-color-system）へのリリース：server.json と package.json の version を更新します（値は1つで、サーバーがその値を報告します）。次にデプロイし、mcp-v<version> のタグを付けてプッシュします。.github/workflows/publish-mcp.yml は GitHub OIDC 経由で公開し、カードまたは稼働中のサーバーが報告するバージョンと一致しないタグは拒否します。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。