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.
- package/README.md +60 -22
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -1,6 +1,20 @@
|
|
|
1
1
|
# SeedFlip MCP Server
|
|
2
2
|
|
|
3
|
-
|
|
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": ["
|
|
30
|
+
"args": ["-y", "seedflip-mcp"]
|
|
17
31
|
}
|
|
18
32
|
}
|
|
19
33
|
}
|
|
20
34
|
```
|
|
21
35
|
|
|
22
|
-
###
|
|
36
|
+
### Cursor
|
|
23
37
|
|
|
24
|
-
Add to `.
|
|
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
|
|
54
|
+
claude mcp add seedflip -- npx -y seedflip-mcp
|
|
28
55
|
```
|
|
29
56
|
|
|
30
|
-
###
|
|
57
|
+
### Windsurf
|
|
31
58
|
|
|
32
|
-
Add to
|
|
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": ["
|
|
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
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
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
|
-
##
|
|
100
|
+
## What You Get
|
|
74
101
|
|
|
75
|
-
|
|
102
|
+
Each seed includes production-ready values for:
|
|
76
103
|
|
|
77
|
-
|
|
78
|
-
|
|
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.
|
|
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": {
|