尧图网页设计 
在 Cursor 中安装 daisyUI 官方插件让 AI Agent 使用最新 daisyUI Skill【免费下载链接】daisyui The most popular, free and open-source Tailwind CSS component library项目地址: https://gitcode.com/GitHub_Trending/da/daisyui本篇指南讲解如何在 Cursor 编辑器中安装 daisyUI 官方 Agent 插件plugin使 Cursor 内置的 AI 编程助手在生成 UI 代码时自动加载最新版本的 daisyUI skill从而遵循当前的组件规则、主题规则与用法说明。读完本文你将掌握插件的安装步骤、/daisyui斜杠命令的用法以及插件与 daisyUI Blueprint MCP server 的适用场景对比。daisyUI 官方在仓库根目录提供了符合 agent-plugins.org 规范的插件清单 plugin.json其name字段为daisyui描述为 Official daisyUI component library skill for building Tailwind CSS interfaces版本为 5.7.0许可证为 MIT。Cursor 正是通过这一清单发现并安装 daisyUI 插件。安装入口文档为 Cursor 插件安装页/docs/plugin/cursor/page.md)其所属的插件总览页位于 插件安装指南/docs/plugin/page.md)。安装前准备安装插件前请确认以下前提使用 Cursor 编辑器任意支持插件市场的版本。已能正常访问 GitHub因为安装过程需要按仓库地址搜索 daisyUI 仓库。项目中已按 daisyUI 安装指南 完成 Tailwind CSS 4 与 daisyUI 5 的基础集成插件才能生成可实际运行的代码。安装步骤在 Cursor 中安装 daisyUI 插件的完整步骤如下打开 Cursor 设置按⌘,macOSWindows/Linux 对应Ctrl,。进入Plugins选项卡。搜索以下仓库地址https://github.com/saadeghi/daisyui在搜索结果中点击daisyui。点击Add to Cursor完成安装。安装完成后Cursor 会在插件市场中登记该插件并将仓库中的 daisyUI skill 提供给 AI 助手。插件的核心内容来自仓库 skills/daisyui 目录其中 SKILL.md 是入口文件其余按 install、usage、config、colors 与 components 五个子目录组织。使用方法安装插件后在对话或代码编辑提示中直接调用 daisyUI skill 的斜杠命令/daisyui Make a login form/daisyui斜杠命令触发后Cursor 的 Agent 会读取 SKILL.md 中声明的使用规则包括只要编写 HTML 或 JSX 代码就应使用该 skill即使未被用户显式要求。编写 daisyUI 代码前必须按「组件发现协议」Component discovery protocol先阅读候选组件的指南再决定使用哪个组件。必须遵循 usage 规则类名用法、Tailwind 工具类补充、!覆盖写法等、颜色规则语义色名、主题切换、自定义主题写法与 配置说明themes、prefix、exclude等插件选项。除了/daisyui斜杠命令你也可以直接用自然语言要求 Cursor 使用 daisyUI例如 Make a login form. use daisyUI。插件实际提供的能力daisyUI skill 的结构插件之所以能让 Cursor 生成符合当前版本规范的代码是因为 skills/daisyui/SKILL.md 声明了完整的 skill 结构何时使用写 HTML/JSX、做 Tailwind CSS UI 工作时必须使用涉及 daisyUI、component、UI、Tailwind、layout、template、theme、color、design 等关键词时也要使用。必读参考资料安装指南、类名用法、配置说明、颜色/主题说明以及每个组件的独立指南button、card、modal 等 60 余个组件文档。组件发现协议按「识别意图 → 列出候选组件 → 阅读候选指南 → 对比约束 → 选择最佳组件 → 严格遵循其结构」六步选择组件且要求按语义匹配而非仅按名称匹配。例如当用户请求 Make a login form 时Agent 会按协议阅读 input、button、card 等候选组件文档再组合出符合 daisyUI 5 规则的表单结构。与 Blueprint MCP server 的对比与取舍原文档指出如果追求更高效的 daisyUI 代码生成与按需组件片段应使用 daisyUI Blueprint MCP server。Blueprint MCP 的优势在于更节省 token并且对生成的代码有更强的控制力。两者的定位对比如下维度Cursor 插件daisyUI skillBlueprint MCP server安装方式Cursor 设置 → Plugins → 搜索仓库在支持 MCP 的客户端中配置 mcp.json调用方式/daisyui斜杠命令MCP 工具调用按需获取组件片段上下文载入将完整 skill 规则载入上下文按需加载token 消耗更低代码控制力依赖 skill 规则约束更细粒度的控制在 插件总览页/docs/plugin/page.md) 中同样说明如果已经在使用 Blueprint MCP server就无需再安装本插件。你可以根据项目对 token 预算与生成可控性的要求二选一或先使用插件获得完整上下文再评估是否需要切换。常见问题搜索不到仓库请确认仓库地址输入无误https://github.com/saadeghi/daisyui并检查网络能否访问 GitHub。斜杠命令不生效确认插件已在Plugins中显示为已添加状态并检查是否在新建对话后重试部分客户端需新会话才会加载插件。生成的代码与 daisyUI 版本不符插件提供的是仓库 plugin.json 所声明版本当前为 5.7.0对应的 skill。如需版本对齐请在项目中安装与 daisyUI 安装指南 一致的 daisyUI 5 版本npm i -D daisyuilatest。【免费下载链接】daisyui The most popular, free and open-source Tailwind CSS component library项目地址: https://gitcode.com/GitHub_Trending/da/daisyui创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 在 Cursor 中安装 daisyUI 官方插件：让 AI Agent 使用最新 daisyUI Skill
在 Cursor 中安装 daisyUI 官方插件让 AI Agent 使用最新 daisyUI Skill【免费下载链接】daisyui The most popular, free and open-source Tailwind CSS component library项目地址: https://gitcode.com/GitHub_Trending/da/daisyui本篇指南讲解如何在 Cursor 编辑器中安装 daisyUI 官方 Agent 插件plugin使 Cursor 内置的 AI 编程助手在生成 UI 代码时自动加载最新版本的 daisyUI skill从而遵循当前的组件规则、主题规则与用法说明。读完本文你将掌握插件的安装步骤、/daisyui斜杠命令的用法以及插件与 daisyUI Blueprint MCP server 的适用场景对比。daisyUI 官方在仓库根目录提供了符合 agent-plugins.org 规范的插件清单 plugin.json其name字段为daisyui描述为 Official daisyUI component library skill for building Tailwind CSS interfaces版本为 5.7.0许可证为 MIT。Cursor 正是通过这一清单发现并安装 daisyUI 插件。安装入口文档为 Cursor 插件安装页/docs/plugin/cursor/page.md)其所属的插件总览页位于 插件安装指南/docs/plugin/page.md)。安装前准备安装插件前请确认以下前提使用 Cursor 编辑器任意支持插件市场的版本。已能正常访问 GitHub因为安装过程需要按仓库地址搜索 daisyUI 仓库。项目中已按 daisyUI 安装指南 完成 Tailwind CSS 4 与 daisyUI 5 的基础集成插件才能生成可实际运行的代码。安装步骤在 Cursor 中安装 daisyUI 插件的完整步骤如下打开 Cursor 设置按⌘,macOSWindows/Linux 对应Ctrl,。进入Plugins选项卡。搜索以下仓库地址https://github.com/saadeghi/daisyui在搜索结果中点击daisyui。点击Add to Cursor完成安装。安装完成后Cursor 会在插件市场中登记该插件并将仓库中的 daisyUI skill 提供给 AI 助手。插件的核心内容来自仓库 skills/daisyui 目录其中 SKILL.md 是入口文件其余按 install、usage、config、colors 与 components 五个子目录组织。使用方法安装插件后在对话或代码编辑提示中直接调用 daisyUI skill 的斜杠命令/daisyui Make a login form/daisyui斜杠命令触发后Cursor 的 Agent 会读取 SKILL.md 中声明的使用规则包括只要编写 HTML 或 JSX 代码就应使用该 skill即使未被用户显式要求。编写 daisyUI 代码前必须按「组件发现协议」Component discovery protocol先阅读候选组件的指南再决定使用哪个组件。必须遵循 usage 规则类名用法、Tailwind 工具类补充、!覆盖写法等、颜色规则语义色名、主题切换、自定义主题写法与 配置说明themes、prefix、exclude等插件选项。除了/daisyui斜杠命令你也可以直接用自然语言要求 Cursor 使用 daisyUI例如 Make a login form. use daisyUI。插件实际提供的能力daisyUI skill 的结构插件之所以能让 Cursor 生成符合当前版本规范的代码是因为 skills/daisyui/SKILL.md 声明了完整的 skill 结构何时使用写 HTML/JSX、做 Tailwind CSS UI 工作时必须使用涉及 daisyUI、component、UI、Tailwind、layout、template、theme、color、design 等关键词时也要使用。必读参考资料安装指南、类名用法、配置说明、颜色/主题说明以及每个组件的独立指南button、card、modal 等 60 余个组件文档。组件发现协议按「识别意图 → 列出候选组件 → 阅读候选指南 → 对比约束 → 选择最佳组件 → 严格遵循其结构」六步选择组件且要求按语义匹配而非仅按名称匹配。例如当用户请求 Make a login form 时Agent 会按协议阅读 input、button、card 等候选组件文档再组合出符合 daisyUI 5 规则的表单结构。与 Blueprint MCP server 的对比与取舍原文档指出如果追求更高效的 daisyUI 代码生成与按需组件片段应使用 daisyUI Blueprint MCP server。Blueprint MCP 的优势在于更节省 token并且对生成的代码有更强的控制力。两者的定位对比如下维度Cursor 插件daisyUI skillBlueprint MCP server安装方式Cursor 设置 → Plugins → 搜索仓库在支持 MCP 的客户端中配置 mcp.json调用方式/daisyui斜杠命令MCP 工具调用按需获取组件片段上下文载入将完整 skill 规则载入上下文按需加载token 消耗更低代码控制力依赖 skill 规则约束更细粒度的控制在 插件总览页/docs/plugin/page.md) 中同样说明如果已经在使用 Blueprint MCP server就无需再安装本插件。你可以根据项目对 token 预算与生成可控性的要求二选一或先使用插件获得完整上下文再评估是否需要切换。常见问题搜索不到仓库请确认仓库地址输入无误https://github.com/saadeghi/daisyui并检查网络能否访问 GitHub。斜杠命令不生效确认插件已在Plugins中显示为已添加状态并检查是否在新建对话后重试部分客户端需新会话才会加载插件。生成的代码与 daisyUI 版本不符插件提供的是仓库 plugin.json 所声明版本当前为 5.7.0对应的 skill。如需版本对齐请在项目中安装与 daisyUI 安装指南 一致的 daisyUI 5 版本npm i -D daisyuilatest。【免费下载链接】daisyui The most popular, free and open-source Tailwind CSS component library项目地址: https://gitcode.com/GitHub_Trending/da/daisyui创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考