Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Läuft auf deinem Computer
Chart Color System
What it does
Solve, audit and simulate colorblind-safe chart palettes. WCAG contrast, OKLab ΔE. Read-only.
- Connects Läuft in der Cloud
- Account or key No key needed
- Category Design, Bilder & Audio
Installation
Wähle die KI-App, die du nutzt, und kopiere die Einstellungen.
4/4 Prüfungen bestanden · Was du fragst, läuft über den Server des Anbieters (chart-color-mcp.vercel.app)
Zuerst: Welche KI nutzt du?
Wähle deine App, dann erscheinen die Schritte unten.
Klappt mit Claude · etwa 2 Min.
Kein Schlüssel, nichts zu installieren · Einmal auf claude.ai oder in der Desktop-App einrichten, dann im Chat nutzen · kostenlose Konten können 1 hinzufügen · bei Team/Enterprise fügt ein Owner ihn hinzu
Öffne die Connectors-Seite von Claude
CustomizeConnectors
Klicke „+ Add“ → „Add custom connector“ und fülle diese 2 Felder aus
Kopiere jeden Wert in das gleichnamige Feld in Claude und klicke Continue
Name · NameChart Color SystemRemote MCP server URL · Adressehttps://chart-color-mcp.vercel.app/mcpAuthentication so lassen, wie Claude es erkannt hat, dann Add klicken
Im Chat einschalten
+ConnectorsChart Color System
Ausprobieren
Nutze Chart Color System und sag mir, was du für mich tun kannst; zeig mir dann eine Sache✓ Wenn Claude sagt, dass es Chart Color System nutzt, oder ein Werkzeug von Chart Color System in der Antwort zeigt, bist du verbunden
Menünamen am 11. Nov. 2026 mit der Hilfe von Anthropic abgeglichen · dein Bildschirm kann je nach App-Version leicht abweichen
Klappt mit ChatGPT nur in Firmen-Tarifen
ChatGPT Business, Enterprise oder Edu im Web, hinzugefügt von Admin oder Inhaber des Workspace · Mit Free, Plus oder Pro: Dein ChatGPT-Tarif kann MCP noch nicht selbst verbinden
In ChatGPT im Web die Seite zum Hinzufügen von MCP öffnen
Plugins+Add custom MCP server
Name und Adresse eintragen
Namen eingeben, Adresse unter Connection einfügen, Risikohinweis abhaken und Create as a plugin klicken
Name · NameChart Color SystemConnection · Adressehttps://chart-color-mcp.vercel.app/mcpChart Color System im Chat auswählen
Neuen Chat öffnen und vor dem Tippen Chart Color System aus deinen Plugins wählen
Ausprobieren
Nutze Chart Color System und sag mir, was du für mich tun kannst; zeig mir dann eine Sache✓ Wenn ChatGPT sagt, dass es Chart Color System nutzt, oder ein Werkzeug von Chart Color System in der Antwort zeigt, bist du verbunden
Menünamen am 11. Nov. 2026 mit der Hilfe von OpenAI abgeglichen · dein Bildschirm kann je nach App-Version leicht abweichen
Klappt mit Claude Code · etwa 2 Min.
Kein Schlüssel, nichts zu installieren
Terminal öffnen
Mac: Command+Leertaste drücken und Terminal tippen · Windows: PowerShell öffnen
Diesen Befehl einfügen und Enter drücken
claude mcp add --transport http --scope user chart-color-system https://chart-color-mcp.vercel.app/mcp/mcp in Claude Code eingeben
Chart Color System sollte in der Liste als verbunden erscheinen
Ausprobieren
Nutze Chart Color System und sag mir, was du für mich tun kannst; zeig mir dann eine Sache✓ Wenn Claude Code sagt, dass es Chart Color System nutzt, oder ein Werkzeug von Chart Color System in der Antwort zeigt, bist du verbunden
Menünamen am 11. Nov. 2026 mit der Hilfe von Anthropic abgeglichen · dein Bildschirm kann je nach App-Version leicht abweichen
Klappt mit Cursor · etwa 2 Min.
Kein Schlüssel, nichts zu installieren
KI-Chat in Cursor im Agent-Modus öffnen
Ausprobieren
Nutze Chart Color System und sag mir, was du für mich tun kannst; zeig mir dann eine Sache✓ Wenn Cursor sagt, dass es Chart Color System nutzt, oder ein Werkzeug von Chart Color System in der Antwort zeigt, bist du verbunden
Menünamen am 11. Nov. 2026 mit der Hilfe von Cursor abgeglichen · dein Bildschirm kann je nach App-Version leicht abweichen
Klappt mit VS Code · etwa 2 Min.
Kein Schlüssel, nichts zu installieren
Mit diesem Button VS Code öffnen
VS Code fragt nach einer Bestätigung; klicke Install
KI-Chat in VS Code im Agent-Modus öffnen
Ausprobieren
Nutze Chart Color System und sag mir, was du für mich tun kannst; zeig mir dann eine Sache✓ Wenn VS Code sagt, dass es Chart Color System nutzt, oder ein Werkzeug von Chart Color System in der Antwort zeigt, bist du verbunden
Menünamen am 11. Nov. 2026 mit der Hilfe von VS Code abgeglichen · dein Bildschirm kann je nach App-Version leicht abweichen
Andere Apps mit MCP, etwa Windsurf, Zed oder Gemini CLI, fügen Server unterschiedlich hinzu. Sieh in der App-Liste nach
Adresse für Apps, die über das Web verbinden
Adresse
https://chart-color-mcp.vercel.app/mcpJSON-Einstellungen stehen unten unter „Für Entwickler“
Für Entwickler: Terminal-Befehle und JSON-Einstellungen
Über das Web
Claude Code
claude mcp add --transport http --scope user chart-color-system https://chart-color-mcp.vercel.app/mcpCursor (~/.cursor/mcp.json)
{
"mcpServers": {
"chart-color-system": {
"url": "https://chart-color-mcp.vercel.app/mcp"
}
}
}VS Code (mcp.json)
{
"servers": {
"chart-color-system": {
"type": "http",
"url": "https://chart-color-mcp.vercel.app/mcp"
}
}
}Diese Einstellungen werden aus dem Registry-Eintrag des Entwicklers erzeugt. Wenn in der README etwas anderes steht, folge der README.
Auf einen Blick
- Downloads pro Wochei
- Nicht auf npm/PyPI
- Verbindung
- Läuft in der Cloud
- Transport
- streamable-http
- Neueste Versioni
- 0.1.2
- Kategoriei
- Design, Bilder & Audio
- In der Registry veröffentlichti
- 4. Okt. 2026
- Code zuletzt geänderti
- 4. Okt. 2026
- Entwickler
- socraticstatic
- Website
- socraticstatic.github.io
- Registry-Status
- Aktiv
Welche Apps ihn nutzen können
Basierend darauf, wie sich dieser Server verbindet, und auf der eigenen Doku jeder App, geprüft am 10. Nov. 2026.
Verbinden sich über das Internet in
ClaudeChatGPTGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast
Was er kann
Tool-Namen und -Beschreibungen genau so, wie der Server sie am 8. Nov. 2026 gemeldet hat. Geschrieben hat sie der Entwickler, nicht wir; wir zeigen sie als reinen Text.
solve_paletteGenerate a categorical chart palette of n colors (1-12) that maximizes perceptual separation under normal vision and colorblindness, with the given brand colors locked as anchors in slot order. Returns the palette, the worst pair distances, the engine's relaxation notes, a full a
audit_paletteAudit existing chart colors for accessibility: pairwise OKLab separation under normal vision, deuteranopia, protanopia, tritanopia and achromatopsia, plus WCAG 2.2 non-text contrast (3:1) of every color against the chart background. Returns a pass / warn / fail verdict with the n
simulate_paletteShow what each color looks like to readers with deuteranopia, protanopia, tritanopia or achromatopsia (published Machado 2009 matrices), so an assistant can describe or render the palette as a colorblind reader sees it.
build_rampBuild an evenly spaced perceptual (OKLab) color scale: sequential from start to end, or diverging from start through mid to end. Returns the steps and a background-contrast audit (pairwise separation is not judged for ramps).
Basischecksi
Wir prüfen Informationen, die jeder sehen kann; den Code haben wir nicht gelesen. Checks, die nicht zutreffen, werden nicht mitgezählt. · Geprüft am 12. Nov. 2026
- ✓ Bestanden
Entwickler passt zum Repo
Der Registry-Name wurde mit dem GitHub-Konto socraticstatic bestätigt, dem das Repo gehört
- ✓ Bestanden
Wird noch gepflegt
Code zuletzt geändert: vor 39 Tagen
- … Noch nicht geprüft
Hat eine Lizenz
Dieses Repo haben wir noch nicht von GitHub gelesen
- ✓ Bestanden
Endpunkt antwortet
Antwort in 358 ms (HTTP 200)
- – Nicht zutreffend
Anmeldung mit OAuth
Keine Anmeldung nötig
- ✓ Bestanden
Keine versteckten Anweisungen in Tool-Beschreibungen
Wir haben 4 Tool-Beschreibungen gelesen und keine versteckten Anweisungen an die KI gefunden
Diskussion
Fragen, Tipps teilen oder melden, dass etwas nicht geht. Sortiert nach „hilfreich“.
Noch keine Beiträge. Stell die erste Frage oder teile einen Tipp.
Beiträge hier stammen von Nutzern, nicht vom PopNx-Team.
Nutzerbewertungen
Noch keine Bewertungen
Im Vergleich mit anderen in Design, Bilder & Audioi
- Mehr Sterne als 0 % der anderen 2962 Server in dieser Kategorie
- Neuer in der Registry veröffentlicht als 40 % der anderen 2962 Server in dieser Kategorie
- Basischecks gleich gut wie oder besser als bei 100 % der anderen 2962 Server in dieser Kategorie
Verglichen mit allen aktiven Servern dieser Kategorie in der Registry. Sterne zählen nur, wenn dem Herausgeber das Repo gehört.
Häufige Fragen
Ist Chart Color System sicher?
Er hat 4 von 4 zutreffenden Basischecks bestanden. Den Code haben wir nicht gelesen. Bevor du einen Schlüssel oder Token hinzufügst, sieh nach, welche Zugriffe der Server verlangt, und nutze einen Schlüssel, der nur die Berechtigungen hat, die du brauchst.
Welche Schlüssel oder Codes braucht er?
Die Registry nennt keinen erforderlichen Schlüssel, manche Server bitten dich aber bei der ersten Nutzung, dich anzumelden.
Läuft er auf meinem Computer oder in der Cloud?
Er läuft in der Cloud des Entwicklers. Du verbindest dich übers Internet, ohne etwas zu installieren, aber was du sendest, läuft über die Server des Entwicklers.
Wird er noch gepflegt?
Das GitHub-Repo wurde zuletzt vor 39 Tagen geändert, und die neueste Version (0.1.2) kam vor 39 Tagen in die Registry.
Welche Apps können ihn nutzen?
Apps, die MCP unterstützen, etwa Claude Desktop, Claude Code, Cursor und VS Code. Er verbindet sich per URL und funktioniert daher auch in Apps mit Remote-MCP, etwa ChatGPT Business und höher.
Was kann ich stattdessen nutzen?
In derselben Kategorie: Figma Context MCP, AutoClip, Next AI Draw.io
Andere in derselben Kategorie
Server derselben Kategorie von anderen Entwicklern, sortiert nach Sternen.
So liest du eine Karte:↓ Downloads pro Wochei★ GitHub-SterneiDrei Säulen: Bewertungen · Checks · NutzungiAktualisiert = neueste Version in der Registry veröffentlichti
AutoClip
Clip long videos into short clips with covers and captions. Local CLI and MCP.
Läuft auf deinem Computer
Next AI Draw.io
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
Läuft auf deinem Computer
README vom Entwickler
README öffnen
Unverändert aus dem Repo des Entwicklers übernommen. PopNx MCP hat den Inhalt weder geprüft noch empfiehlt es ihn. HTML, Bilder und Skripte wurden entfernt. Links führen von dieser Website weg.
chart-color-mcp
The Chart Color System as a read-only MCP server: the same engine as the app (npm chart-color-system), callable by any assistant. The app is static on GitHub Pages, so this directory is its own Vercel project (chart-color-mcp, team socraticstatics-projects), deployed from here, not from the Pages workflow.
- Endpoint:
https://chart-color-mcp.vercel.app/mcp - Docs for humans and assistants: https://socraticstatic.github.io/Visualizations/mcp-docs.html (source:
public/mcp-docs.html) - Tools:
solve_palette(anchored, audited categorical palette),audit_palette(pass / warn / fail with the numbers),simulate_palette(deutan, protan, tritan, achromatopsia),build_ramp(sequential or diverging) - Engine version is reported in every result (
engine_version); bump thechart-color-systemdependency to ship a new engine.
Deploy and verify:
cd mcp && npm run deploy && npm testnpm test runs the contract tests against production plus the local card and handler tests; MCP_BASE= npm test runs the contract tests against a preview deployment.
Release to the MCP Registry (io.github.socraticstatic/chart-color-system): bump version in server.json and package.json (one number, the server reports it), deploy, then tag mcp-v and push the tag. .github/workflows/publish-mcp.yml publishes over GitHub OIDC and refuses a tag that disagrees with the card or with what the live server reports.