CSS 和样式

Tailwind CSS 等 CSS 框架和样式解决方案的规则

Tailwind CSS (Next.js Guide)

使用 Tailwind CSS 和 Next.js 开发现代 Web 应用的详细指南,涵盖最佳实践、性能优化和高级 TypeScript 技术。
Next.js
Tailwind CSS
TypeScript

Tailwind (React, Firebase)

使用 Tailwind CSS、React 和 Firebase 构建高质量、移动优先的 Web 应用的综合指南和最佳实践。包括设计、性能、可访问性和 Firebase 集成技巧。
React
Firebase
Tailwind CSS

Tailwind (shadcn/ui Integration)

在 Next.js 项目中集成 Tailwind CSS 和 shadcn/ui 的综合指南,重点关注最佳实践、性能优化和可维护性。
Tailwind CSS
shadcn/ui
Next.js

JavaScript (Astro, Tailwind CSS)

使用 Astro 和 Tailwind CSS 构建可扩展、高性能 Web 应用的最佳实践和指南。
Astro
Tailwind CSS
JavaScript

React (Styled Components)

使用 Styled Components 优化你的 React 项目,包含最佳实践、文件夹结构和编码标准。
React
Styled Components
CSS-in-JS

React (Chakra UI)

使用 Chakra UI 构建 React 应用的综合指南,重点关注最佳实践、性能优化和可维护的代码结构。
React
Chakra UI
TypeScript

Tailwind CSS Development Best Practices

这些规则聚焦于有效使用Tailwind CSS。涵盖配置方面,如使用PurgeCSS和自定义主题;开发方法上,有移动优先设计、基于组件的架构和性能优化等。此外,还涉及安全、测试和工具使用,以打造全面的Tailwind CSS项目。
Tailwind CSS
PurgeCSS
基于组件

探索我们全面的 Cursor 规则集合