mcpField
C
Chart Color System

Chart Color System

远程服务
socraticstatic.github.io媒体与设计03 周前更新

关于 Chart Color System

Chart Color System 是只读 MCP 服务,将 Chart Color System 引擎用于调色板求解、审计、模拟和色阶生成,供需要量化图表配色结果的助手使用。

主要功能

  1. 01求解带锚点的分类调色板
  2. 02以通过、警告或失败结果审计调色板
  3. 03模拟四种视觉模式
  4. 04构建顺序或发散色阶
  5. 05在结果中报告引擎版本

适用场景

  1. 01生成带锚点的图表调色板
  2. 02根据测量结果检查调色板
  3. 03预览不同视觉模拟下的颜色
  4. 04创建顺序或发散色阶

MCP 相关

该服务向 MCP 客户端提供`solve_palette`、`audit_palette`、`simulate_palette`和`build_ramp`。每项结果都会报告引擎版本。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://chart-color-mcp.vercel.app/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 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

4
参数类型必填说明
ninteger否分类槽位数量
gridstring否网格线颜色;默认使用与背景匹配的浅灰色或深灰色
anchorsarray否按槽位顺序排列并保持原样的品牌色或指定颜色(CSS 语法)
postureenum否kpi:少量醒目颜色;comparative:均衡;exploratory:多种柔和颜色kpi | comparative | exploratory
backgroundstring否图表背景颜色

详细介绍

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(deutan、protan、tritan、全色盲)、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(使用同一个版本号,服务会报告该版本号),然后部署,再创建 mcp-v<version> 标签并推送该标签。.github/workflows/publish-mcp.yml 通过 GitHub OIDC 发布,并会拒绝与卡片信息或实时服务报告不一致的标签。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。