MCP-сервер SeedFlip

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

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

Установка

npm install -g seedflip-mcp

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

npx -y seedflip-mcp

Настройка

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 — Страница пакета

seedflip-mcp