#Tailwind
17 条目
添加 Tailwind CSS v4 暗色模式的提示
AI 代理提示：使用 Tailwind CSS v4 CSS 变量和 next-themes 为 Next.js 应用添加系统感知的暗色模式，加载时无闪烁。
构建Next.js AI工具目录的提示词
用于构建可搜索的Next.js AI工具目录的AI智能体提示词，支持MDX数据文件、分类筛选和静态生成。
使用 Next.js 构建 SaaS 定价页面的提示
复制粘贴 AI 提示，使用 Next.js 与 Tailwind 构建 SaaS 定价页面，包含账单切换和 Stripe 就绪的计划数据。
构建 Astro 静态 SEO 站点的提示
用于搭建一个完全优化的 Astro 静态站点的复制粘贴提示，包含内容集合、站点地图、og-images 和 TypeScript。
在 Next.js 中创建管理后台的提示词
AI 代理提示词，用于构建受保护的 Next.js 管理后台，包含数据表格、服务端认证守卫和使用 Tailwind 的侧边栏布局。
AGENTS.md：Astro静态站点规则
一份即插即用的AGENTS.md文件，用于Astro静态站点，确保AI代理在栈内运行，防止SSR漂移，并强制执行内容集合约定。
Next.js SaaS 应用的 AGENTS.md 规则
一个即插即用的 AGENTS.md，让 AI 编码代理在 Next.js SaaS 代码库中保持栈和约定。
静态网站性能的AI编码规则
用于静态网站性能的AGENTS.md规则，强制执行核心网页指标、图片优化、字体加载，并防止代理发送阻塞渲染的资源。
Tailwind CSS 和 shadcn/ui 的 Cursor 规则
强制遵循 Tailwind v4 约定和 shadcn/ui 组件模式的 Cursor 规则，防止代理重复发明已有的基础组件。
Prompt-to-PR: 添加定价页面
在Next.js Tailwind项目中生成包含月/年切换、功能矩阵和Stripe Checkout链接的生产级定价页面的标准操作流程。
Prompt-to-PR：添加管理数据表
用于在Next.js中使用TanStack Table和PostgreSQL查询添加服务器端分页、可排序、可搜索的管理数据表的SOP——无ORM魔术。
Prompt-to-PR: 添加深色模式
端到端标准操作流程，使用 next-themes 在 Next.js Tailwind 应用中实现无闪烁深色模式——采用 class 策略、系统偏好和持久化切换。
Prompt-to-PR：使用 Astro 构建静态 SEO 网站
从零开始使用 Astro、Tailwind、MDX 内容集合、站点地图和规范标签搭建内容驱动的静态 SEO 网站的完整 SOP。
AI生成的Tailwind UI审查清单
由AI编程工具生成的Tailwind CSS UI组件的人工审查清单——包括无障碍、响应式、深色模式和清除安全。
AI 工具目录 — 上下文包
可复制的上下文包，用于基于 Astro 和 PostgreSQL 构建的 AI 工具目录站点，使智能体从第一个提示开始就能理解提交流程、标签系统和内容模型。
Astro 静态 SEO 站点 — 上下文包
一个可复制的上下文包，描述了 Astro 静态 SEO 站点，以便 AI 代理从第一个提示开始就能正确地在其中工作。
Next.js SaaS 启动器 — 上下文包
可复制的上下文包，适用于使用 App Router、Better Auth、Stripe 计费和 Postgres 的 Next.js SaaS 应用，确保你的 AI 代理从第一个提示开始就能正确工作。