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
다중 결과: 상위 3개 결과를 얻으려면 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, 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 에이전트는 디자인 어휘가 없기 때문에 모든 바이브 코딩 앱이 똑같아 보입니다. 에이전트는 항상 동일한 아연(zinc) 팔레트, 동일한 둥근 모서리, 동일한 "현대적 미니멀리즘" 결과물로 기본 설정됩니다. SeedFlip은 실제 검증된 브랜드에서 가져온 100개 이상의 엄선된 디자인 방향을 제공합니다.

링크

seedflip.co — 브라우저에서 사용해 보기
npm — 패키지 페이지

seedflip-mcp