SeedFlip MCP-Server

Verleihen Sie Ihrem KI-Coding-Agenten Design-Geschmack. Über 100 kuratierte Design-Systeme, kein Rätselraten mehr.

Wenn ein KI-Agent eine Design-Richtung benötigt, ruft er SeedFlip auf, anstatt Farben und Schriftarten zu erraten. Funktioniert mit Claude Desktop, Cursor, Claude Code, Windsurf und jedem MCP-kompatiblen Tool.

Installation

npm install -g seedflip-mcp

Oder führen Sie es direkt ohne Installation aus:

npx -y seedflip-mcp

Related MCP server: io.github.bergside/typeui

Einrichtung

Claude Desktop

Fügen Sie dies zu ~/Library/Application Support/Claude/claude_desktop_config.json hinzu:

{
  "mcpServers": {
    "seedflip": {
      "command": "npx",
      "args": ["-y", "seedflip-mcp"]
    }
  }
}

Cursor

Fügen Sie dies zu .cursor/mcp.json in Ihrem Projekt hinzu:

{
  "mcpServers": {
    "seedflip": {
      "command": "npx",
      "args": ["-y", "seedflip-mcp"]
    }
  }
}

Claude Code

claude mcp add seedflip -- npx -y seedflip-mcp

Windsurf

Fügen Sie dies zu Ihrer MCP-Konfiguration hinzu:

{
  "mcpServers": {
    "seedflip": {
      "command": "npx",
      "args": ["-y", "seedflip-mcp"]
    }
  }
}

Tools

get_design_seed

Erhalten Sie ein kuratiertes Design-System nach Referenz, Vibe oder Stil.

• Markenreferenzen: "Stripe", "Vercel", "Linear", "GitHub", "Notion", "Supabase", "Spotify", "Framer", "Resend", "Superhuman", "Raycast", "Arc"

• Stil-Deskriptoren: "dark minimal", "brutalist", "warm editorial", "neon cyberpunk", "elegant luxury"

• Exportformate: tokens (Standard), tailwind, css, shadcn, openclaw

• Mehrere Ergebnisse: Setzen Sie count: 3, um die Top-3-Übereinstimmungen zu erhalten

"get me a design system like Stripe"
"dark minimal SaaS theme in tailwind format"
"warm editorial blog design"
"give me 3 options for a developer tool"

list_design_seeds

Durchsuchen Sie verfügbare Seeds mit optionaler Tag-Filterung.

tag: "dark"       → All dark mode seeds
tag: "brutalist"  → All brutalist seeds
tag: "warm"       → All warm-toned seeds

Was Sie erhalten

Jeder Seed enthält produktionsreife Werte für:

• Typografie: Paarung von Überschriften- und Fließtext-Schriftarten, Strichstärken, Buchstabenabstände

• Farben: Hintergrund, Oberfläche, Text, Akzent, gedämpfte Farben, Rahmen, Verläufe

• Form: Rahmenradius (sm, default, xl)

• Tiefe: Box-Schatten

• Design-Richtung: KI-fertiges Dokument, das die gesamte Ästhetik beschreibt

OpenClaw Dashboard-Theming

SeedFlip enthält einen fertigen OpenClaw-Skill. Verwenden Sie das openclaw-Format, um CSS-Variablen zu erhalten, die direkt auf das Dashboard von OpenClaw gemappt sind:

"theme my dashboard like Stripe" → format: "openclaw"
"dark cyberpunk dashboard" → format: "openclaw"

Die Ausgabe enthält:

• CSS-Variablen, bereit zum Einfügen in :root

• themes.json-Eintrag zum Speichern als benanntes Theme

• Konsolen-Snippet für eine sofortige Vorschau

• Google Fonts-Import für die Typografie

Siehe SKILL.md für die vollständige Definition des OpenClaw-Skills.

Warum

Jede "Vibe-gecodete" App sieht gleich aus, weil KI-Agenten kein Design-Vokabular haben. Sie greifen standardmäßig auf dieselbe Zink-Palette, dieselben abgerundeten Ecken und denselben "modern minimalist"-Output zurück. SeedFlip gibt ihnen über 100 kuratierte Design-Richtungen, die von echten, bewährten Marken stammen.

Links

• seedflip.co — Probieren Sie es im Browser aus

• npm — Paketseite