seedflip-mcp 0.1.1 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +60 -22
  2. package/package.json +2 -1
package/README.md CHANGED
@@ -1,6 +1,20 @@
1
1
  # SeedFlip MCP Server
2
2
 
3
- Gives AI agents access to 100+ curated design systems. When an agent needs a design direction, it calls SeedFlip instead of guessing colors and fonts.
3
+ > Give your AI coding agent design taste. 100+ curated design systems, zero guessing.
4
+
5
+ When an AI agent needs a design direction, it calls SeedFlip instead of guessing colors and fonts. Works with Claude Desktop, Cursor, Claude Code, Windsurf, and any MCP-compatible tool.
6
+
7
+ ## Install
8
+
9
+ ```bash
10
+ npm install -g seedflip-mcp
11
+ ```
12
+
13
+ Or run directly with no install:
14
+
15
+ ```bash
16
+ npx -y seedflip-mcp
17
+ ```
4
18
 
5
19
  ## Setup
6
20
 
@@ -13,30 +27,43 @@ Add to `~/Library/Application Support/Claude/claude_desktop_config.json`:
13
27
  "mcpServers": {
14
28
  "seedflip": {
15
29
  "command": "npx",
16
- "args": ["tsx", "/Users/LUKE/design-shuffle/mcp/src/index.ts"]
30
+ "args": ["-y", "seedflip-mcp"]
17
31
  }
18
32
  }
19
33
  }
20
34
  ```
21
35
 
22
- ### Claude Code
36
+ ### Cursor
23
37
 
24
- Add to `.claude/settings.json` or run:
38
+ Add to `.cursor/mcp.json` in your project:
39
+
40
+ ```json
41
+ {
42
+ "mcpServers": {
43
+ "seedflip": {
44
+ "command": "npx",
45
+ "args": ["-y", "seedflip-mcp"]
46
+ }
47
+ }
48
+ }
49
+ ```
50
+
51
+ ### Claude Code
25
52
 
26
53
  ```bash
27
- claude mcp add seedflip -- npx tsx /Users/LUKE/design-shuffle/mcp/src/index.ts
54
+ claude mcp add seedflip -- npx -y seedflip-mcp
28
55
  ```
29
56
 
30
- ### Cursor
57
+ ### Windsurf
31
58
 
32
- Add to `.cursor/mcp.json`:
59
+ Add to your MCP config:
33
60
 
34
61
  ```json
35
62
  {
36
63
  "mcpServers": {
37
64
  "seedflip": {
38
65
  "command": "npx",
39
- "args": ["tsx", "/Users/LUKE/design-shuffle/mcp/src/index.ts"]
66
+ "args": ["-y", "seedflip-mcp"]
40
67
  }
41
68
  }
42
69
  }
@@ -48,16 +75,16 @@ Add to `.cursor/mcp.json`:
48
75
 
49
76
  Get a curated design system by reference, vibe, or style.
50
77
 
78
+ - **Brand references:** "Stripe", "Vercel", "Linear", "GitHub", "Notion", "Supabase", "Spotify", "Framer", "Resend", "Superhuman", "Raycast", "Arc"
79
+ - **Style descriptors:** "dark minimal", "brutalist", "warm editorial", "neon cyberpunk", "elegant luxury"
80
+ - **Export formats:** `tokens` (default), `tailwind`, `css`, `shadcn`
81
+ - **Multiple results:** Set `count: 3` to get top 3 matches
82
+
51
83
  ```
52
- query: "Stripe" → Returns the Stripe-inspired seed
53
- query: "dark minimal" → Returns a dark, minimal seed
54
- query: "brutalist" → Returns a brutalist seed
55
- query: "warm editorial" → Returns a warm editorial seed
56
- format: "tailwind" → Returns a ready-to-use tailwind.config.ts
57
- format: "css" → Returns CSS custom properties
58
- format: "shadcn" → Returns shadcn/ui theme
59
- format: "tokens" → Returns all values with design brief (default)
60
- count: 3 → Returns top 3 matches
84
+ "get me a design system like Stripe"
85
+ "dark minimal SaaS theme in tailwind format"
86
+ "warm editorial blog design"
87
+ "give me 3 options for a developer tool"
61
88
  ```
62
89
 
63
90
  ### `list_design_seeds`
@@ -70,10 +97,21 @@ tag: "brutalist" → All brutalist seeds
70
97
  tag: "warm" → All warm-toned seeds
71
98
  ```
72
99
 
73
- ## Updating Seeds
100
+ ## What You Get
74
101
 
75
- After adding/changing seeds in `src/lib/seeds.ts`, run:
102
+ Each seed includes production-ready values for:
76
103
 
77
- ```bash
78
- npx tsx mcp/scripts/extract-seeds.mjs
79
- ```
104
+ - **Typography:** Heading + body font pairing, weights, letter spacing
105
+ - **Colors:** Background, surface, text, accent, muted, border, gradient
106
+ - **Shape:** Border radius (sm, default, xl)
107
+ - **Depth:** Box shadows
108
+ - **Design brief:** AI-ready prompt describing the full aesthetic
109
+
110
+ ## Why
111
+
112
+ Every vibe-coded app looks the same because AI agents don't have design vocabulary. They default to the same zinc palette, the same rounded corners, the same "modern minimalist" output. SeedFlip gives them 100+ curated design directions pulled from real, proven brands.
113
+
114
+ ## Links
115
+
116
+ - [seedflip.co](https://seedflip.co) — Try it in the browser
117
+ - [npm](https://www.npmjs.com/package/seedflip-mcp) — Package page
package/package.json CHANGED
@@ -1,6 +1,7 @@
1
1
  {
2
2
  "name": "seedflip-mcp",
3
- "version": "0.1.1",
3
+ "version": "0.1.2",
4
+ "mcpName": "io.github.bockenstette1/seedflip",
4
5
  "description": "MCP server for SeedFlip — 100+ curated design systems for AI agents. When your agent needs a design direction, it calls SeedFlip instead of guessing.",
5
6
  "type": "module",
6
7
  "bin": {