daisyui-blueprint 1.4.2 → 1.5.0

package/LICENSE.md

@@ -34,28 +34,33 @@ By purchasing or using this "Software", you agree to this license agreement:
 ## Terms of Use
 
 1. Definitions:
-  - "Software" means the software package purchased from the daisyUI Store at https://daisyui.com/store
-  - "Organization" means your company or entity and its members, not external contractors or partners
-  - "End product" means any product created using the Software
+
+- "Software" means the software package purchased from the daisyUI Store at https://daisyui.com/store
+- "Organization" means your company or entity and its members, not external contractors or partners
+- "End product" means any product created using the Software
 
 2. Usage Terms:
-  - The Software will be provided in its current state
-  - Technical support is not included in the license
-  - Updates, bug fixes, and new features are not guaranteed but may be provided at the discretion of daisyUI
-  - You may create and distribute end products using the Software
-  - You may not use the Software in any way that violates applicable laws
+
+- The Software will be provided in its current state
+- Technical support is not included in the license
+- Updates, bug fixes, and new features are not guaranteed but may be provided at the discretion of daisyUI
+- You may create and distribute end products using the Software
+- You may not use the Software in any way that violates applicable laws
 
 3. Termination:
-  - Your license remains valid as long as you follow these terms
-  - To maintain access to the Software, you need to comply with this agreement
+
+- Your license remains valid as long as you follow these terms
+- To maintain access to the Software, you need to comply with this agreement
 
 4. Amendments:
-  - 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.
+
+- 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.
 
 5. Intellectual Property Rights
-  - The daisyUI name, logo, website (daisyui.com), daisyUI CSS library, and all other daisyUI project properties remain the exclusive property of daisyUI
-  - This license does not grant any rights to use daisyUI's name, logo, website, or any other daisyUI property
-  - Any misuse of daisyUI's intellectual property will result in immediate license termination
+
+- The daisyUI name, logo, website (daisyui.com), daisyUI CSS library, and all other daisyUI project properties remain the exclusive property of daisyUI
+- This license does not grant any rights to use daisyUI's name, logo, website, or any other daisyUI property
+- Any misuse of daisyUI's intellectual property will result in immediate license termination
 
 ## Disclaimer
 

package/README.md

@@ -1,118 +1,52 @@
 # daisyUI Blueprint
 
-MCP (Model Context Protocol) server that provides AI assistants with daisyUI component snippets, conversion prompts, and Figma design integration.
+Blueprint is the official daisyUI MCP server.
 
 ## Features
 
-- **600+ daisyUI Snippets** - Ready-to-use code for daisyUI components, layouts, and templates provided to LLMs
-- **AI Conversion Prompts** - Convert Bootstrap to daisyUI, screenshots to code, Tailwind to daisyUI, and images to themes
-- **Figma Integration** - Extract design data from Figma files and convert them to daisyUI code
-- **Theme Generation** - Create custom daisyUI themes from image color palettes
+- Page-specific guidance for websites, apps, dashboards, and workflows
+- Exact daisyUI component and block syntax
+- Installation, configuration, color, and theme rules
+- Quality checks for daisyUI classes, structure, responsive behavior, content, and common UI anti-patterns
+- Figma structure and node previews
+- Workflows for converting screenshots, Bootstrap, and Tailwind CSS to daisyUI
+- Custom daisyUI themes generated from image palettes
 
-## Setup
+## How it helps
 
-### Prerequisites
+- Gives your AI agent the right page context before it writes code
+- Prevents made-up class names and invalid component markup
+- Keeps generated interfaces consistent with daisyUI 5
+- Produces more specific content and fewer generic AI-style layouts
+- Checks the finished UI and reports issues before the task is complete
 
-- A valid daisyUI Blueprint license from [daisyui.com](https://daisyui.com)
-- (Optional) Figma API token for Figma integration
+## How to use it
 
-### Installation
-
-Set environment variables for the MCP server:
-
-- **`LICENSE`** (required) - Your daisyUI Blueprint license key
-- **`EMAIL`** (required) - Email associated with your license
-- **`FIGMA`** (optional) - Your Figma API token for Figma integration
-- **`IMAGES`** (optional) - Set to `"false"` to disable image fetching (default: `"true"`)
-
-Add this MCP server to your code editor or AI assistant client:
+Get a [daisyUI Blueprint license](https://daisyui.com/blueprint/), then add the server to your MCP client:
 
 ```json
 {
   "mcpServers": {
     "daisyui-blueprint": {
       "command": "npx",
-      "args": ["-y", "daisyui-blueprint@beta"],
+      "args": ["-y", "daisyui-blueprint@latest"],
       "env": {
         "LICENSE": "your-license-key",
-        "EMAIL": "your-email@example.com",
-        "FIGMA": "your-figma-token"
+        "EMAIL": "your-email@example.com"
       }
     }
   }
 }
 ```
 
-## Usage
-
-### 1. daisyUI Component Snippets
-
-Request component code snippets from your AI assistant. The server provides 600+ components, layouts, and templates.
-
-**Available Categories:**
-- **Components** - Button, Card, Modal, Navbar, Dropdown, Table, Form inputs, and 50+ more
-- **Layouts** - Responsive sidebars, top navbar, drawer layouts
-- **Templates** - Dashboard, login form, and more
-- **Themes** - Built-in themes, color utilities, custom theme creation
-
-**Example requests:**
-- "What's the XL button size in daisyUI?"
-- "Make a login page with daisyUI"
-- "Make a pricing card with daisyUI"
-- "Create a daisyUI dashboard layout with sidebar and navbar"
-
-The server will return the exact daisyUI code with examples and best practices.
-
-### 2. Conversion Prompts
-
-Use built-in prompts to convert existing code or designs to daisyUI:
-
-#### **Screenshot to daisyUI**
-Convert any UI screenshot to daisyUI code:
-1. Provide a screenshot to your AI assistant
-2. Ask to "recreate this using daisyUI"
-3. The AI will analyze the design and generate daisyUI code matching the screenshot
-
-#### **Bootstrap to daisyUI**
-Convert Bootstrap code to daisyUI:
-1. Provide your Bootstrap HTML code
-2. Ask to "convert this Bootstrap code to daisyUI"
-3. Bootstrap classes will be replaced with daisyUI components and Tailwind utilities
-
-#### **Tailwind to daisyUI**
-Optimize Tailwind code by replacing component patterns with daisyUI:
-1. Share your Tailwind CSS code
-2. Ask to "convert this to use daisyUI components"
-3. Component-like patterns will be replaced with semantic daisyUI classes
-
-#### **Picture to Theme**
-Generate a custom daisyUI theme from any image:
-1. Upload an image with colors you like
-2. Ask to "create a daisyUI theme from this image"
-3. A custom theme CSS will be generated matching the image's color palette
-
-### 3. Figma Integration
-
-Extract design data from Figma files and convert to daisyUI code.
-
-**Setup:**
-1. Get a Figma API token from [Figma Account Settings](https://www.figma.com/developers/api#access-tokens)
-2. Add it to your environment configuration as `FIGMA`
-
-**Usage:**
-1. Copy a Figma file or node URL (e.g., `https://www.figma.com/design/abc123/My-Design?node-id=1-2`)
-2. Ask your AI assistant to "convert this Figma design to daisyUI"
-3. The server will fetch the design structure and help generate matching daisyUI code
-
-**Options:**
-- Adjust `depth` parameter to control how deep the node tree is traversed (default: 10)
-- Enable `includeImages` to fetch preview images of designs
-
-## License
+Add a `FIGMA` environment variable if you want to use Figma integration.
 
-Commercial license required. Get yours at [daisyui.com](https://daisyui.com)
+Then ask your AI agent to use daisyUI Blueprint:
 
-## Docs
+- "Build a product management dashboard. Use daisyUI Blueprint."
+- "Recreate this screenshot with daisyUI Blueprint."
+- "Convert this Bootstrap form to daisyUI."
+- "Create a daisyUI theme from this image."
+- "Check my UI with daisyUI Blueprint and fix the issues."
 
-- Documentation: [daisyui.com/blueprint](https://daisyui.com/blueprint/)
-- daisyUI: [daisyui.com](https://daisyui.com/)
+For UI generation, Blueprint uses focused expert roles. They are staged sources of guidance, not competing generation attempts: call each applicable role once, use optional roles only when their stated condition applies, and repeat one only for genuinely new inputs or an explicit prerequisite refresh.