SeedFlip MCP 服务器

为您的 AI 编码助手赋予设计品味。100+ 个精选设计系统，无需猜测。

当 AI 助手需要设计方向时，它会调用 SeedFlip，而不是盲目猜测颜色和字体。适用于 Claude Desktop、Cursor、Claude Code、Windsurf 以及任何兼容 MCP 的工具。

安装

npm install -g seedflip-mcp

或者直接运行，无需安装：

npx -y seedflip-mcp

Related MCP server: AllGoodInsp

设置

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 — 包页面