AcademyReglasDesarrollo

Buenas prácticas de Tailwind CSS

Equipos de front-end y de sistemas de diseño que quieren que Cursor escriba estilos Tailwind coherentes.

  • Recomendadonuestra valoración
  • 40.892estrellas del repositorio
  • CC0-1.0licencia
  • hace 4 mesesúltima actualización

Úsalo ahora

mkdir -p .cursor/rules && curl -fsSL https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/main/rules/tailwind.mdc -o .cursor/rules/tailwind.mdc
tailwind.mdc

Cargando el archivo...

Qué hace

Un archivo de reglas para Cursor que reúne buenos hábitos para trabajar con Tailwind CSS. Abarca la configuración y el tema, el estilo de componentes con utilidades, el diseño con Flexbox y Grid, la tipografía, los colores, el modo oscuro, los puntos de corte responsive y la accesibilidad.

Casos de uso

  1. 01Dar estilo a un componente con utilidades y variantes
  2. 02Configurar colores y espaciados propios en el tema
  3. 03Crear un diseño responsive mobile-first

Preguntas sobre
Buenas prácticas de Tailwind CSS.

¿Para qué sirve Buenas prácticas de Tailwind CSS?

Equipos de front-end y de sistemas de diseño que quieren que Cursor escriba estilos Tailwind coherentes. Un archivo de reglas para Cursor que reúne buenos hábitos para trabajar con Tailwind CSS. Abarca la configuración y el tema, el estilo de componentes con utilidades, el diseño con Flexbox y Grid, la tipografía, los colores, el modo oscuro, los puntos de corte responsive y la accesibilidad.

¿Cómo instalo Buenas prácticas de Tailwind CSS?

Ejecuta en tu terminal: mkdir -p .cursor/rules && curl -fsSL https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/main/rules/tailwind.mdc -o .cursor/rules/tailwind.mdc

¿Buenas prácticas de Tailwind CSS es de código abierto?

Sí. El código está publicado en GitHub (PatrickJS/awesome-cursorrules) con licencia CC0-1.0.

¿Es seguro usar Buenas prácticas de Tailwind CSS?

Superó nuestro análisis automático de robo de credenciales, instrucciones ocultas y comandos de instalación peligrosos. Software de código abierto de terceros. Sabemos AI no lo mantiene. Revisa el código y los permisos antes de conectarlo a datos de la empresa.