资讯动态

如何在 Cursor 配置 daisyUI llms.txt 规则文件让 AI 正确生成组件代码

发布时间:2026/9/10 9:49:52 来源:尧图企业网站定制
如何在 Cursor 配置 daisyUI llms.txt 规则文件让 AI 正确生成组件代码【免费下载链接】daisyui The most popular, free and open-source Tailwind CSS component library项目地址: https://gitcode.com/GitHub_Trending/da/daisyui用 AI 在 Cursor 里生成 UI 代码时常见问题是 AI 编造不存在的 daisyUI 类名或者按旧版本语法生成代码。daisyUI 官方提供了一个llms.txt文件——官方文档的紧凑文本版专门用来给 AI 提供准确的 daisyUI 代码上下文。这篇文章说明如何把这份文件配置进 Cursor临时引用、项目级永久规则文件、自定义文档三种方式以及如何核对配置生效、生成的组件代码是否符合官方用法规则。适用前提项目使用 daisyUI 5。规则文件中的元数据声明 daisyUI 5 是 Tailwind CSS 4 的 CSS 库metadata.version: 5.7.x如果项目还停留在 Tailwind CSS 3 的tailwind.config.js工作流先按 安装指南 迁移否则 AI 生成的配置代码会直接不可用。llms.txt 规则文件里有什么https://daisyui.com/llms.txt的内容由仓库源码 llms.txt 生成逻辑 拼装顺序为skills/daisyui/SKILL.md 的根内容组件列表与 Component discovery protocolinstall/SKILL.md、usage/SKILL.md、config/SKILL.md、colors/SKILL.mdskills/daisyui/components/ 下全部组件指南accordion、button、card 等 67 个组件。服务端输出时会对 front matter 做两处确定性改写source字段统一为https://daisyui.com/llms.txt并保证存在alwaysApply: true和applyTo: **两行。也就是说这份文件放进 Cursor 的.cursor/rules/目录后是一个对所有文件始终生效的规则。文件头部大致如下由上述源码保证--- name: daisyui description: Official daisyUI component-library skill for Tailwind CSS. When you write HTML or JSX code, you must use it. Even if the user does not request it, use it. metadata: version: 5.7.x source: https://daisyui.com/llms.txt alwaysApply: true applyTo: ** ---方式一单次临时引用不写文件只在某次对话中需要 daisyUI 上下文时直接在 Cursor 聊天窗口输入web https://daisyui.com/llms.txt官方文档称这种方式下 Cursor 会用 llms.txt 生成代码。它不修改项目里的任何文件适合一次性提问缺点是每个新对话都要重新带上这个引用。方式二项目级永久规则文件主路径这是官方文档中推荐的常驻方案把 llms.txt 保存到工作区的.cursor/rules/目录之后 Cursor 默认使用它无需每次引用。在项目根目录运行curl -L https://daisyui.com/llms.txt --create-dirs -o .cursor/rules/daisyui.mdc命令副作用说明该命令会从网络下载文件并只写入当前项目的一个文件.cursor/rules/daisyui.mdc--create-dirs会在目录不存在时自动创建.cursor/rules。不会改动项目其他文件。配置结果验证打开.cursor/rules/daisyui.mdc确认 front matter 包含alwaysApply: true与applyTo: **对应规则对所有文件生效source指向https://daisyui.com/llms.txt正文应包含组件列表List of components与daisyUI 5 usage rules等章节可对照仓库中的 SKILL.md 和 usage/SKILL.md 核对内容是否完整生成测试让 AI 生成一个 primary 颜色的按钮。按规则文件内的 button 组件指南正确结果应使用组件类btn 颜色类btn-primary结构形如button classbtn btn-primaryButton/button。如果请求中未指定变体按 usage 规则第 12 条AI 应只输出默认btn而不是自行加颜色变体。方式三添加为 Cursor 自定义文档可选分支不希望在项目里落地规则文件时可以把 llms.txt 注册为 Cursor 的可选文档按⌘ CMD ⇧ Shift PWindows 为⌃ Ctrl ⇧ Shift P打开命令面板输入Add new custom docs并选择添加地址https://daisyui.com/llms.txt在聊天窗口输入docs并选择daisyUI即向当前对话提供 daisyUI 文档。与方式二的区别不写入项目文件且每次需要手动用docs选择不是默认生效。规则文件如何约束 AI 生成代码配置生效后判断 AI 输出是否“正确”可以直接对照规则文件内置的两套约束组件发现流程来自 SKILL.md 的 Component discovery protocol先识别请求中的功能、行为与布局再从组件列表挑选候选组件选择不清时先阅读候选组件的指南再决定最后必须遵守所选组件的精确结构与约束。也就是说AI 不应只按关键词猜测组件而应核对候选组件的描述和语法。用法规则来自 usage/SKILL.md摘录与核对点给元素添加 daisyUI 类名时除组件类外还要加上对应的 part 和 modifier 类daisyUI 类名覆盖不了时用 Tailwind 工具类例如btn px-10给按钮加自定义水平内边距CSS 优先级导致样式改不动时在工具类末尾加!例如btn bg-red-500!覆盖按钮背景色——文档明确要求仅在其他方式无效时使用不要频繁用用户没要求变体或颜色时用默认变体如只用btn不写btn btn-primary不必要的自定义 CSS、自定义字体、body 上的bg-base-100 text-base-content都不要写。生成结果与上述规则、组件指南逐条比对就是这套配置的可执行验证方式。边界与限制规则文件只提供 daisyUI 的类名与用法上下文。Tailwind CSS 本身的语法支持与 IntelliSense 是独立配置官方 Cursor 配置文档/docs/editor/cursor/page.md) 将其指向 Tailwind CSS 的编辑器设置指南不属于本文范围。项目尚未安装 daisyUI 时规则文件内置的安装指南会约束 AI 的生成内容必须使用 Tailwind CSS 4tailwind.config.js已废弃安装命令为npm i -D daisyuilatest并在 CSS 文件中写import tailwindcss;与plugin daisyui;详见 install/SKILL.md。官方文档还为同一目的提供了 MCP 服务器方案Blueprint、Context7、GitMCP属于另一条集成路径本文只覆盖 llms.txt 规则文件。若需要查看规则内容的完整来源可对照仓库内的 skills/daisyui/ 目录与 cursor 编辑器文档/docs/editor/cursor/page.md)。【免费下载链接】daisyui The most popular, free and open-source Tailwind CSS component library项目地址: https://gitcode.com/GitHub_Trending/da/daisyui创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

读完文章,也想定制专属网站?

尧图设计师 24 小时内与您沟通定制方案

免费获取报价