Color Picker MCP

Ce qu'il fait

Color Picker MCP affiche une interface interactive de sélection de couleurs à l'intérieur des clients compatibles MCP. Les utilisateurs peuvent sélectionner visuellement une couleur à partir d'un sélecteur complet, et le serveur renvoie la couleur choisie aux formats hex, RGB et HSL — prête à être utilisée dans des jetons de conception, du CSS ou tout flux de travail gérant les couleurs.

Fonctionnalités clés

• Sélecteur de couleurs complet rendu comme un composant UI React intégré au client MCP
• Renvoie les valeurs de couleur dans les trois formats courants : hex (#ff6b35), RGB (rgb(255,107,53)) et HSL (hsl(18,100%,60%))
• Transport HTTP via Streamable HTTP — fonctionne avec VS Code Copilot et tout hôte MCP capable de gérer le HTTP
• Facilement exposé sur Internet via Cloudflare Tunnel pour un usage distant
• Construit avec React 19, Vite et le SDK officiel @modelcontextprotocol/ext-apps

Installation

git clone https://github.com/val-fom/Color-Picker-MCP
cd Color-Picker-MCP
npm install
npm run serve

Le serveur démarre à l'adresse http://localhost:3001/mcp.

Exposez-le publiquement avec Cloudflare Tunnel :

cloudflared tunnel --url http://localhost:3001

VS Code Copilot — ajoutez à .vscode/mcp.json :

{
  "servers": {
    "color-picker": {
      "url": "https://<<vvotre-tunnel>.trycloudflare.com/mcp",
      "type": "http"
    }
  }
}

Hôtes supportés

VS Code Copilot (confirmé dans le README via transport HTTP).