Color Picker
Interface UIpar bobbylite
Sélecteur de couleurs visuel et interactif pour choisir des couleurs HEX, RGB et HSL dans les chats IA.
Ce qu'il fait
Cette application MCP affiche une interface de sélection de couleurs interactive et élégante directement dans le chat. Elle permet aux utilisateurs de sélectionner visuellement des couleurs via une interface en dégradé et de copier instantanément les valeurs HEX, RGB ou HSL résultantes dans leur conversation.
Fonctionnalités clés
- Sélecteur de couleurs visuel interactif avec prévisualisation en direct.
- Support multi-formats : HEX, RGB et HSL.
- Génération de couleurs aléatoires en un clic.
- Mises à jour directes du contexte pour renvoyer les couleurs sélectionnées à l'IA.
Installation
- Claude Desktop : Installez les dépendances, lancez
npm run build, puis lanceznpm run serve(ou utilisezserver-stdio.ts). - Claude.ai web : Exposez le serveur local via Cloudflared et ajoutez l'URL comme connecteur personnalisé dans Paramètres $\rightarrow$ Connecteurs.
Hôtes supportés
- Claude Desktop
- Claude.ai web
Installation rapide
npm install && npm run build && npm startInformations
- Tarification
- free
- Publié
- 4/27/2026
- étoiles
- 0
Catégories
Choisissez votre client IA et suivez les étapes ci-dessous.
claude-ai
Add custom connector URL via cloudflared.Claude Desktop
Configure via server-stdio.ts as an MCP server.Apps similaires
TomTom MCP Server
MCP AppTomTom's full location stack in your AI client — geocoding, routing, traffic, POI search, and interactive map rendering via MCP.
APS MCP App
MCP AppInteractive 3D design viewer for Autodesk Construction Cloud — browse projects, preview Revit models, and inspect elements via MCP App UI.
Infographic MCP App
MCP AppRenders hand-drawn AntV Infographic diagrams — lists, sequences, timelines, and architecture visuals — directly inside your AI chat.
Chuk MCP UI
MCP App68 standalone MCP UI views — charts, maps, tables, forms and more — each a self-contained HTML app communicating with LLMs via the ext-apps protocol.
Interactive Drawer
MCP AppExcalidraw MCP app — lets any LLM create interactive diagrams with a live browser viewer your users can edit and export.
Visuals MCP
MCP AppRender rich interactive data visualisations inside VS Code Copilot — sortable tables, image galleries, master-detail views, tree views, and drag-and-drop lists.
Nabab
MCP AppInteractive Bayesian network viewer with exact inference, probability sliders, evidence toggling, and MCP server for LLM integration.
ChemCP
MCP AppInteractive 2D molecular structure viewer from SMILES notation, powered by RDKit.js inside Claude.