Token导航 LogoToken导航TokenDH.com
Color Scheme Generator MCP Server logo
设计创作stdio官方级别未说明来源级核验

Color Scheme Generator MCP Server

MCP Server

@modelcontextprotocol/inspector

一个基于MCP协议的配色方案生成服务器,提供8种色彩生成工具,用于设计项目的和谐调色板创建。

工具数

0

提示词数

0

GitHub Stars

8

资源数

0
TypeScriptClaude设计Claude DesktopClaudeCursor

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

作者 / 组织

deepakkumardewani

提供方

deepakkumardewani

最后核验

2026/5/17 20:20

运行时

Node.js

快速接入

先看主来源和安装命令,再打开仓库或文档;下面只保留这个条目的关键接入事实。

命令预览

npx @modelcontextprotocol/inspector node ./build/index.js

详细介绍

配色方案生成器MCP服务器

这是一个模型上下文协议(MCP)服务器,使用颜色API生成和谐的配色方案。它提供了多种配色方案生成工具,用于为设计项目创建美观且连贯的调色板。

特性

服务器提供8种不同的配色方案生成工具:

  1. 单色方案:单一色调的变化

- 标准单色 - 深色单色 - 浅色单色

  1. 基于色轮的方案:

- 模拟的:色轮上的相邻颜色可实现和谐的设计 - 补足:相反的颜色以获得高对比度 - 类似补体:类比与互补的结合 - 三合会:三种均匀间隔的颜色,实现均衡的调色板 - 四边:四种均匀间隔的颜色,用于不同的调色板

先决条件

  • Node.js(v18或更高版本)
  • npm、yarn或pnpm
  • MCP客户端(例如,Claude Desktop、Cursor)

安装

  1. 克隆和安装依赖关系:
   git clone 
   cd colors-mcp-server
   npm install
  1. 构建服务器:
   npm run build
  1. 配置您的MCP客户端:

适用于克劳德桌面(claude_desktop_config.json):

   {
     "mcpServers": {
       "color-scheme-generator": {
         "command": "node",
         "args": ["/full/path/to/colors-mcp-server/build/index.js"]
       }
     }
   }

对于光标:

- 前往“设置”>“MCP”>“添加新的全局MCP服务器” - 使用与上述相同的配置

用法

颜色输入格式

服务器接受多种格式的颜色:

  • 十六进制: "098765""#098765"
  • 红绿蓝: "0,71,171""rgb(0,71,171)"
  • 保健实验室: "215,100%,34%""hsl(215,100%,34%)"

参数

  • color:种子颜色(必填)
  • count:要生成的颜色数量(可选,默认值:5,范围:3-10)

可用工具

  • generate_monochrome_scheme
  • generate_monochrome_dark_scheme
  • generate_monochrome_light_scheme
  • generate_analogic_scheme
  • generate_complement_scheme
  • generate_analogic_complement_scheme
  • generate_triad_scheme
  • generate_quad_scheme

示例用法

询问您的MCP客户:

  • “从蓝色生成单色配色方案”
  • “使用7种颜色的#ff6b35创建互补调色板”
  • “我需要rgb(120,80200)的类比方案”

输出格式

每个工具返回一个结构化的JSON,其中包含:

  • 方案模式和种子颜色
  • 生成的具有十六进制、RGB、HSL值的颜色数组
  • 颜色名称和位置

调试

使用MCP检查器进行调试:

npx @modelcontextprotocol/inspector node ./build/index.js

项目结构

  • src/index.ts:主服务器入口点
  • src/tools/index.ts:配色方案生成工具
  • src/prompts/index.ts:使用指南提示
  • build/:编译的TypeScript输出

目录标签

目录标签

TypeScriptClaude设计色彩设计本地部署调色板生成MCP服务设计工具色彩理论

支持客户端

Claude DesktopClaudeCursor

接入字段

传输方式(transport,传输协议)

stdio

鉴权方式(authType,认证方式)

none

运行时(runtime,运行环境)

Node.js

部署方式(deploymentType,部署类型)

remote-capable

来源包(packageName,安装包名)

@modelcontextprotocol/inspector

工具数量(toolCount,工具数)

0

资源数量(resourceCount,资源数)

0

提示词数量(promptCount,提示词数)

0

权限和风险

stdiononeremote-capable

接入前请确认传输方式、认证方式和部署位置,并根据实际工具能力限制访问范围。

安装前确认

不要直接授予不必要的文件、网络或账号权限;先核对安装命令和配置内容。

来源信息

继续浏览同类 MCP