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"

输出包括：

CSS 变量，准备注入到 :root 中
themes.json 条目，用于保存为命名主题
控制台代码片段，用于即时预览
Google Fonts 导入，用于排版

请参阅 SKILL.md 获取完整的 OpenClaw 技能定义。

为什么

每个由 AI 生成的应用程序看起来都一样，因为 AI 助手缺乏设计词汇。它们默认使用相同的锌色调、相同的圆角、相同的“现代极简”输出。SeedFlip 为它们提供了 100 多种从真实、经过验证的品牌中提取的精选设计方向。

链接

seedflip.co — 在浏览器中试用
npm — 包页面

seedflip-mcp