daisyui-blueprint 1.4.2 → 1.5.1
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/LICENSE.md +19 -14
- package/README.md +26 -93
- package/chunks/chunk-1.js +1 -1
- package/chunks/chunk-10.js +1 -0
- package/chunks/chunk-11.js +1 -0
- package/chunks/chunk-12.js +1 -0
- package/chunks/chunk-13.js +1 -0
- package/chunks/chunk-14.js +1 -0
- package/chunks/chunk-15.js +1 -0
- package/chunks/chunk-16.js +1 -0
- package/chunks/chunk-17.js +1 -0
- package/chunks/chunk-18.js +6 -0
- package/chunks/chunk-2.js +1 -1
- package/chunks/chunk-3.js +1 -1
- package/chunks/chunk-4.js +1 -1
- package/chunks/chunk-5.js +1 -1
- package/chunks/chunk-6.js +1 -1
- package/chunks/chunk-7.js +1 -0
- package/chunks/chunk-8.js +1 -0
- package/chunks/chunk-9.js +1 -0
- package/package.json +14 -8
- package/server.js +2 -8
- package/chunks/chunk-0.js +0 -1
package/LICENSE.md
CHANGED
|
@@ -34,28 +34,33 @@ By purchasing or using this "Software", you agree to this license agreement:
|
|
|
34
34
|
## Terms of Use
|
|
35
35
|
|
|
36
36
|
1. Definitions:
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
37
|
+
|
|
38
|
+
- "Software" means the software package purchased from the daisyUI Store at https://daisyui.com/store
|
|
39
|
+
- "Organization" means your company or entity and its members, not external contractors or partners
|
|
40
|
+
- "End product" means any product created using the Software
|
|
40
41
|
|
|
41
42
|
2. Usage Terms:
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
43
|
+
|
|
44
|
+
- The Software will be provided in its current state
|
|
45
|
+
- Technical support is not included in the license
|
|
46
|
+
- Updates, bug fixes, and new features are not guaranteed but may be provided at the discretion of daisyUI
|
|
47
|
+
- You may create and distribute end products using the Software
|
|
48
|
+
- You may not use the Software in any way that violates applicable laws
|
|
47
49
|
|
|
48
50
|
3. Termination:
|
|
49
|
-
|
|
50
|
-
|
|
51
|
+
|
|
52
|
+
- Your license remains valid as long as you follow these terms
|
|
53
|
+
- To maintain access to the Software, you need to comply with this agreement
|
|
51
54
|
|
|
52
55
|
4. Amendments:
|
|
53
|
-
|
|
56
|
+
|
|
57
|
+
- This license is valid for the current version of the Software. daisyUI reserves the right to use new license terms for future versions of the Software.
|
|
54
58
|
|
|
55
59
|
5. Intellectual Property Rights
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
60
|
+
|
|
61
|
+
- The daisyUI name, logo, website (daisyui.com), daisyUI CSS library, and all other daisyUI project properties remain the exclusive property of daisyUI
|
|
62
|
+
- This license does not grant any rights to use daisyUI's name, logo, website, or any other daisyUI property
|
|
63
|
+
- Any misuse of daisyUI's intellectual property will result in immediate license termination
|
|
59
64
|
|
|
60
65
|
## Disclaimer
|
|
61
66
|
|
package/README.md
CHANGED
|
@@ -1,118 +1,51 @@
|
|
|
1
1
|
# daisyUI Blueprint
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Blueprint is the official daisyUI MCP server.
|
|
4
4
|
|
|
5
5
|
## Features
|
|
6
6
|
|
|
7
|
-
-
|
|
8
|
-
-
|
|
9
|
-
-
|
|
10
|
-
-
|
|
7
|
+
- Page-specific guidance for websites, apps, dashboards, and workflows
|
|
8
|
+
- Exact daisyUI component and block syntax
|
|
9
|
+
- Installation, configuration, color, and theme rules
|
|
10
|
+
- Quality checks for daisyUI classes, structure, responsive behavior, content, and common UI anti-patterns
|
|
11
|
+
- Figma structure and node previews
|
|
12
|
+
- Workflows for converting screenshots, Bootstrap, and Tailwind CSS to daisyUI
|
|
13
|
+
- Custom daisyUI themes generated from image palettes
|
|
11
14
|
|
|
12
|
-
##
|
|
15
|
+
## How it helps
|
|
13
16
|
|
|
14
|
-
|
|
17
|
+
- Gives your AI agent the right page context before it writes code
|
|
18
|
+
- Prevents made-up class names and invalid component markup
|
|
19
|
+
- Keeps generated interfaces consistent with daisyUI 5
|
|
20
|
+
- Produces more specific content and fewer generic AI-style layouts
|
|
21
|
+
- Checks the finished UI and reports issues before the task is complete
|
|
15
22
|
|
|
16
|
-
|
|
17
|
-
- (Optional) Figma API token for Figma integration
|
|
23
|
+
## How to use it
|
|
18
24
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
Set environment variables for the MCP server:
|
|
22
|
-
|
|
23
|
-
- **`LICENSE`** (required) - Your daisyUI Blueprint license key
|
|
24
|
-
- **`EMAIL`** (required) - Email associated with your license
|
|
25
|
-
- **`FIGMA`** (optional) - Your Figma API token for Figma integration
|
|
26
|
-
- **`IMAGES`** (optional) - Set to `"false"` to disable image fetching (default: `"true"`)
|
|
27
|
-
|
|
28
|
-
Add this MCP server to your code editor or AI assistant client:
|
|
25
|
+
Get a [daisyUI Blueprint license](https://daisyui.com/blueprint/), then add the server to your MCP client:
|
|
29
26
|
|
|
30
27
|
```json
|
|
31
28
|
{
|
|
32
29
|
"mcpServers": {
|
|
33
30
|
"daisyui-blueprint": {
|
|
34
31
|
"command": "npx",
|
|
35
|
-
"args": ["-y", "daisyui-blueprint@
|
|
32
|
+
"args": ["-y", "daisyui-blueprint@latest"],
|
|
36
33
|
"env": {
|
|
37
34
|
"LICENSE": "your-license-key",
|
|
38
|
-
"EMAIL": "your-email@example.com"
|
|
39
|
-
"FIGMA": "your-figma-token"
|
|
35
|
+
"EMAIL": "your-email@example.com"
|
|
40
36
|
}
|
|
41
37
|
}
|
|
42
38
|
}
|
|
43
39
|
}
|
|
44
40
|
```
|
|
45
41
|
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
### 1. daisyUI Component Snippets
|
|
49
|
-
|
|
50
|
-
Request component code snippets from your AI assistant. The server provides 600+ components, layouts, and templates.
|
|
51
|
-
|
|
52
|
-
**Available Categories:**
|
|
53
|
-
- **Components** - Button, Card, Modal, Navbar, Dropdown, Table, Form inputs, and 50+ more
|
|
54
|
-
- **Layouts** - Responsive sidebars, top navbar, drawer layouts
|
|
55
|
-
- **Templates** - Dashboard, login form, and more
|
|
56
|
-
- **Themes** - Built-in themes, color utilities, custom theme creation
|
|
57
|
-
|
|
58
|
-
**Example requests:**
|
|
59
|
-
- "What's the XL button size in daisyUI?"
|
|
60
|
-
- "Make a login page with daisyUI"
|
|
61
|
-
- "Make a pricing card with daisyUI"
|
|
62
|
-
- "Create a daisyUI dashboard layout with sidebar and navbar"
|
|
63
|
-
|
|
64
|
-
The server will return the exact daisyUI code with examples and best practices.
|
|
65
|
-
|
|
66
|
-
### 2. Conversion Prompts
|
|
67
|
-
|
|
68
|
-
Use built-in prompts to convert existing code or designs to daisyUI:
|
|
69
|
-
|
|
70
|
-
#### **Screenshot to daisyUI**
|
|
71
|
-
Convert any UI screenshot to daisyUI code:
|
|
72
|
-
1. Provide a screenshot to your AI assistant
|
|
73
|
-
2. Ask to "recreate this using daisyUI"
|
|
74
|
-
3. The AI will analyze the design and generate daisyUI code matching the screenshot
|
|
75
|
-
|
|
76
|
-
#### **Bootstrap to daisyUI**
|
|
77
|
-
Convert Bootstrap code to daisyUI:
|
|
78
|
-
1. Provide your Bootstrap HTML code
|
|
79
|
-
2. Ask to "convert this Bootstrap code to daisyUI"
|
|
80
|
-
3. Bootstrap classes will be replaced with daisyUI components and Tailwind utilities
|
|
81
|
-
|
|
82
|
-
#### **Tailwind to daisyUI**
|
|
83
|
-
Optimize Tailwind code by replacing component patterns with daisyUI:
|
|
84
|
-
1. Share your Tailwind CSS code
|
|
85
|
-
2. Ask to "convert this to use daisyUI components"
|
|
86
|
-
3. Component-like patterns will be replaced with semantic daisyUI classes
|
|
87
|
-
|
|
88
|
-
#### **Picture to Theme**
|
|
89
|
-
Generate a custom daisyUI theme from any image:
|
|
90
|
-
1. Upload an image with colors you like
|
|
91
|
-
2. Ask to "create a daisyUI theme from this image"
|
|
92
|
-
3. A custom theme CSS will be generated matching the image's color palette
|
|
93
|
-
|
|
94
|
-
### 3. Figma Integration
|
|
95
|
-
|
|
96
|
-
Extract design data from Figma files and convert to daisyUI code.
|
|
97
|
-
|
|
98
|
-
**Setup:**
|
|
99
|
-
1. Get a Figma API token from [Figma Account Settings](https://www.figma.com/developers/api#access-tokens)
|
|
100
|
-
2. Add it to your environment configuration as `FIGMA`
|
|
101
|
-
|
|
102
|
-
**Usage:**
|
|
103
|
-
1. Copy a Figma file or node URL (e.g., `https://www.figma.com/design/abc123/My-Design?node-id=1-2`)
|
|
104
|
-
2. Ask your AI assistant to "convert this Figma design to daisyUI"
|
|
105
|
-
3. The server will fetch the design structure and help generate matching daisyUI code
|
|
106
|
-
|
|
107
|
-
**Options:**
|
|
108
|
-
- Adjust `depth` parameter to control how deep the node tree is traversed (default: 10)
|
|
109
|
-
- Enable `includeImages` to fetch preview images of designs
|
|
110
|
-
|
|
111
|
-
## License
|
|
112
|
-
|
|
113
|
-
Commercial license required. Get yours at [daisyui.com](https://daisyui.com)
|
|
42
|
+
Add a `FIGMA` environment variable if you want to use Figma integration. Blueprint also accepts
|
|
43
|
+
these optional runtime settings:
|
|
114
44
|
|
|
115
|
-
|
|
45
|
+
Then ask your AI agent to use daisyUI Blueprint:
|
|
116
46
|
|
|
117
|
-
-
|
|
118
|
-
- daisyUI
|
|
47
|
+
- "Build a product management dashboard. Use daisyUI Blueprint."
|
|
48
|
+
- "Recreate this screenshot with daisyUI Blueprint."
|
|
49
|
+
- "Convert this Bootstrap form to daisyUI."
|
|
50
|
+
- "Create a daisyUI theme from this image."
|
|
51
|
+
- "Check my UI with daisyUI Blueprint and fix the issues."
|