Servidor MCP SeedFlip

Dale a tu agente de codificación IA gusto por el diseño. Más de 100 sistemas de diseño curados, sin adivinanzas.

Cuando un agente de IA necesita una dirección de diseño, llama a SeedFlip en lugar de adivinar colores y fuentes. Funciona con Claude Desktop, Cursor, Claude Code, Windsurf y cualquier herramienta compatible con MCP.

Instalación

npm install -g seedflip-mcp

O ejecútalo directamente sin instalar:

npx -y seedflip-mcp

Related MCP server: io.github.bergside/typeui

Configuración

Claude Desktop

Añádelo a ~/Library/Application Support/Claude/claude_desktop_config.json:

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

Cursor

Añádelo a .cursor/mcp.json en tu proyecto:

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

Claude Code

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

Windsurf

Añádelo a tu configuración de MCP:

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

Herramientas

get_design_seed

Obtén un sistema de diseño curado por referencia, ambiente o estilo.

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

• Descriptores de estilo: "dark minimal", "brutalist", "warm editorial", "neon cyberpunk", "elegant luxury"

• Formatos de exportación: tokens (predeterminado), tailwind, css, shadcn, openclaw

• Resultados múltiples: Establece count: 3 para obtener las 3 mejores coincidencias

"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

Explora las semillas disponibles con filtrado de etiquetas opcional.

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

Qué obtienes

Cada semilla incluye valores listos para producción para:

• Tipografía: Combinación de fuentes para encabezados y cuerpo, pesos, espaciado entre letras

• Colores: Fondo, superficie, texto, acento, atenuado, borde, degradado

• Forma: Radio del borde (sm, default, xl)

• Profundidad: Sombras de caja

• Dirección de diseño: Documento listo para IA que describe la estética completa

Tematización del panel de control de OpenClaw

SeedFlip incluye una habilidad de OpenClaw lista para usar. Utiliza el formato openclaw para obtener variables CSS mapeadas directamente al panel de control de OpenClaw:

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

La salida incluye:

• Variables CSS listas para inyectar en :root

• Entrada themes.json para guardar como un tema con nombre

• Fragmento de consola para vista previa instantánea

• Importación de Google Fonts para la tipografía

Consulta SKILL.md para ver la definición completa de la habilidad de OpenClaw.

Por qué

Cada aplicación codificada por "vibe" se ve igual porque los agentes de IA no tienen vocabulario de diseño. Utilizan por defecto la misma paleta de zinc, las mismas esquinas redondeadas, la misma salida "minimalista moderna". SeedFlip les da más de 100 direcciones de diseño curadas extraídas de marcas reales y probadas.

Enlaces

• seedflip.co — Pruébalo en el navegador

• npm — Página del paquete