Generate design systems: OKLCH color palettes, fluid type scales, spacing, shape and icon tokens.
Quick Install
Automated & IDE SetupCopy the AI prompt to install this server into Claude Code, Cursor, or another agent — or use 1-click editor setup below.
One-click editor setup isn’t available for this listing yet — we don’t have a confirmed install command, and we’d rather show nothing than point your editor at the wrong package or host. Follow the project’s own setup instructions, linked above.
Manual Client & Custom JSON ConfigExpand JSON ▾
No confirmed setup config for this listing yet. We only publish a config block when the install details come from the project itself — its README, its docs, or a verified owner. We haven’t found those for standby-design-mcp, and we’d rather show nothing than a guess you’d paste into your client. Follow the project’s own setup instructions for the current steps.
Documentation Overview
standby.design
Multi-Tool-Hub unter standby.design — kleine Tools für Designer und Entwickler. Kein Framework, kein Build-Step, reines HTML/CSS/JS.
MCP-Server für KI-Agenten: https://standby.design/docs/mcp
Struktur
Deployment (Hetzner + Docker + nginx)
Setzt voraus: SSH-Key unter C:/Local Data/Repositories/SSH Keys/hetzner_ed25519.
DNS (Namecheap)
A-Record für standby.design und www.standby.design → 46.225.131.97
Color Palette Generator (/color)
Ein interaktiver, client-seitiger Palette-Generator im OKLCH-Farbraum — keine Dependencies, kein Build-Step.
Features
- Brand + Slated: Generiert automatisch eine volle Palette (Brand) und eine gedämpfte Variante mit 50% Chroma (Slated)
- 18 Abstufungen: Feine Gradierung für Light Surfaces (25–100), Core Palette (200–800), Dark Surfaces (825–875) und High Contrast (925–975)
- Zwei Modi:
- Balanced Midpoint — 500 = perzeptueller Mittelwert (L=0.50), symmetrisch um den hellsten Punkt des Farbtons
- Exact Brand Match — 500 = exakt die Eingabefarbe, Helligkeit + Chroma werden gleichmäßig darum herum skaliert
- Click-to-Copy: Einzelne Hex- und OKLCH-Werte per Klick kopieren
- Code-Export: Fertige CSS Custom Properties (OKLCH + Hex Fallback) zum Kopieren
- Surface-Demo: Live-Vorschau für Light Mode, Dark Mode und High Contrast Surfaces
- Grau-sicher: Neutrale Eingaben (z.B.
#757575) erzeugen saubere Grau-Paletten ohne Farbstich
Verwendung
index.htmlim Browser öffnen- Hex-Farbcode eingeben (mit oder ohne
#) - Modus wählen (Balanced Midpoint / Exact Brand Match)
- Palette generieren — fertig
Zonenstruktur
| Steps | Zone | Verwendung |
|---|---|---|
| 25–100 | Light Surfaces | Hintergründe, Cards, Elevated (Light) |
| 200–800 | Core Palette | Buttons, Links, Akzente, Text |
| 825–875 | Dark Surfaces | Hintergründe, Cards (Dark Mode) |
| 900–975 | High Contrast | Hintergründe (High Contrast Dark) |
Technologie
- Reines HTML + CSS + JavaScript (zero dependencies)
- OKLCH ↔ OKLab ↔ Linear sRGB ↔ sRGB Konvertierung
- Binäre Suche für sRGB-Gamut-Clamping
- Parabolische Chroma-Envelope für natürliche Sättigungsverteilung
Related MCP Servers
Adoption & maintenance
Factual signals from GitHub, npm, and our automated checks — not a rating.
GitHub stars
1
Stargazers on the source repository.
npm downloads
334
Package downloads in the last 30 days.
Last commit
1mo ago
Most recent push to the default branch.
Reviews
No reviews yet — be the first to share how this listing worked for you.
Frequently Asked Questions about Standby Design MCP
AllMCPs Directory Badge
Showcase your server listing on GitHub or your project documentation. Embed this dynamic SVG badge to highlight official listing status and live engagement.
Badge Style:
Live Dynamic SVG Preview
Markdown (GitHub README)
[](https://allmcps.com/mcp/standby-design-mcp)HTML Embed
<a href="https://allmcps.com/mcp/standby-design-mcp"><img src="https://allmcps.com/api/badge/standby-design-mcp?style=directory" alt="Standby Design MCP on AllMCPs" /></a>