设计系统服务

SeedFlip MCP服务器

给你的AI编码代理设计品味。100多个精心策划的设计系统，零猜测。

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

安装

npm install -g seedflip-mcp

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

npx -y seedflip-mcp

设置

克劳德桌面

添加 ~/Library/Application Support/Claude/claude_desktop_config.json:

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

光标

添加 .cursor/mcp.json 在您的项目中：

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

克劳德代码

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

帆板运动

添加到MCP配置中：

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

工具

get_design_seed

通过参考、氛围或风格获得精心策划的设计系统。

• 品牌参考： “Stripe”、“Vercel”、“Linear”、“GitHub”、“Notion”、“Supabase”、“Spotify”、“Framer”、“Resend”、“Superhuman”、“Raycast”、“Arc”
• 样式描述符： “黑暗极简主义”、“野兽派”、“温暖社论”、“霓虹赛博朋克”、“优雅奢华”
• 导出格式： tokens （默认）， tailwind, css, shadcn, openclaw
• 多个结果： 集 count: 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，默认值，xl）
• 深度： 方框阴影
• 设计方向： 描述完整美学的AI就绪文档

OpenClaw仪表板主题

SeedFlip包括一个现成的OpenClaw技能。使用 openclaw 格式化以将CSS变量直接映射到OpenClaw的仪表板：

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

输出包括：

• CSS 变量 准备注射 :root
• themes.json条目 用于另存为命名主题
• 控制台代码段 用于即时预览
• 谷歌字体导入 排版

看 SKILL.md 了解完整的OpenClaw技能定义。

为什么

每个vibe编码的应用程序看起来都是一样的，因为AI代理没有设计词汇。它们默认使用相同的锌调色板、相同的圆角、相同的“现代极简主义”输出。SeedFlip为他们提供了100多个精心策划的设计指导，这些指导来自真实、经过验证的品牌。

链接

• seedflip.co 网站地址 --在浏览器中尝试
• npm --包装页面