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 网站地址 --在浏览器中尝试
- --包装页面
