MCP-сервер SeedFlip

Придайте своему ИИ-агенту для программирования чувство стиля. Более 100 отобранных дизайн-систем, никаких догадок.

Когда ИИ-агенту нужно направление в дизайне, он обращается к SeedFlip вместо того, чтобы угадывать цвета и шрифты. Работает с Claude Desktop, Cursor, Claude Code, Windsurf и любым инструментом, совместимым с MCP.

Установка

npm install -g seedflip-mcp

Или запустите напрямую без установки:

npx -y seedflip-mcp

Related MCP server: io.github.bergside/typeui

Настройка

Claude Desktop

Добавьте в ~/Library/Application Support/Claude/claude_desktop_config.json:

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

Cursor

Добавьте в .cursor/mcp.json в вашем проекте:

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

Claude Code

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

Windsurf

Добавьте в вашу конфигурацию MCP:

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

Инструменты

get_design_seed

Получите готовую дизайн-систему по ссылке, настроению или стилю.

• Ссылки на бренды: "Stripe", "Vercel", "Linear", "GitHub", "Notion", "Supabase", "Spotify", "Framer", "Resend", "Superhuman", "Raycast", "Arc"

• Дескрипторы стиля: "dark minimal", "brutalist", "warm editorial", "neon cyberpunk", "elegant luxury"

• Форматы экспорта: tokens (по умолчанию), tailwind, css, shadcn, openclaw

• Несколько результатов: Установите count: 3, чтобы получить 3 лучших совпадения

"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

Просматривайте доступные семена с дополнительной фильтрацией по тегам.

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

Что вы получаете

Каждое семя включает готовые к использованию значения для:

• Типографика: Пара шрифтов для заголовков и основного текста, начертания, межбуквенный интервал

• Цвета: Фон, поверхность, текст, акцент, приглушенные тона, границы, градиенты

• Форма: Радиус скругления границ (sm, default, xl)

• Глубина: Тени блоков

• Направление дизайна: Готовый для ИИ документ, описывающий полную эстетику

Тематизация панели управления OpenClaw

SeedFlip включает готовый навык OpenClaw. Используйте формат openclaw, чтобы получить CSS-переменные, сопоставленные напрямую с панелью управления OpenClaw:

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

Результат включает:

• CSS-переменные, готовые для вставки в :root

• Запись themes.json для сохранения в качестве именованной темы

• Фрагмент консоли для мгновенного предварительного просмотра

• Импорт Google Fonts для типографики

Смотрите SKILL.md для полного определения навыка OpenClaw.

Почему это нужно

Каждое приложение, созданное с помощью ИИ, выглядит одинаково, потому что у ИИ-агентов нет дизайнерского словаря. Они по умолчанию используют одну и ту же палитру zinc, те же скругленные углы, тот же «современный минималистичный» результат. SeedFlip дает им более 100 отобранных направлений дизайна, взятых у реальных, проверенных брендов.

Ссылки

• seedflip.co — Попробуйте в браузере

• npm — Страница пакета