SeedFlip MCPサーバー

AIコーディングエージェントにデザインのセンスを与えましょう。100種類以上の厳選されたデザインシステムで、推測は不要です。

AIエージェントがデザインの方向性を必要とするとき、色やフォントを推測する代わりに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)
奥行き: ボックスシャドウ
デザインの方向性: 完全な美学を記述したAI対応ドキュメント

OpenClawダッシュボードのテーマ設定

SeedFlipには、すぐに使えるOpenClawスキルが含まれています。openclaw形式を使用して、OpenClawのダッシュボードに直接マッピングされたCSS変数取得します：

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

出力には以下が含まれます：

:root に注入する準備ができた CSS変数
名前付きテーマとして保存するための themes.json エントリ
即時プレビュー用の コンソールスニペット
タイポグラフィ用の Google Fonts インポート

完全なOpenClawスキルの定義については SKILL.md を参照してください。

なぜこれが必要か

AIエージェントにはデザインの語彙がないため、すべての「雰囲気でコーディングされた」アプリは同じように見えてしまいます。AIはデフォルトで同じ亜鉛（zinc）パレット、同じ丸みを帯びた角、同じ「モダンミニマリスト」な出力に頼ってしまいます。SeedFlipは、実際の成功したブランドから抽出された100種類以上の厳選されたデザインの方向性をAIに提供します。

リンク

seedflip.co — ブラウザで試す
npm — パッケージページ

seedflip-mcp