·tailwind-best-practices
</>

tailwind-best-practices

CUÁNDO: El usuario está escribiendo HTML/plantillas con clases CSS de Tailwind, componentes de estilo, configurar temas de Tailwind, preguntar sobre utilidades o patrones, o trabajar con cualquier proyecto que utiliza Tailwind CSS. También se activa cuando el usuario menciona "diseño responsivo", "modo oscuro", "colores personalizados", "espaciado", "diseño flexible/cuadrícula" en un proyecto de Tailwind, pregunta sobre la migración v4, @theme vs @apply, o está editando archivos CSS/HTML en un proyecto con viento de cola en sus dependencias. Activar siempre que tailwind.config.* o @tailwind directivas están presentes. CUANDO NO: Proyectos que no utilizan Tailwind, preguntas sobre Bootstrap/Bulma/otros marcos CSS

18Instalaciones·1Tendencia·@gopherguides

Instalación

$npx skills add https://github.com/gopherguides/gopher-ai --skill tailwind-best-practices

Cómo instalar tailwind-best-practices

Instala rápidamente el skill de IA tailwind-best-practices en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/gopherguides/gopher-ai --skill tailwind-best-practices
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: gopherguides/gopher-ai.

SKILL.md

Ver original

You have access to up-to-date Tailwind CSS documentation via MCP tools. Use these tools to provide accurate, current information.

Use when user asks about any Tailwind feature, utility, or concept.

Use when user needs utility classes for a specific CSS property.

CUÁNDO: El usuario está escribiendo HTML/plantillas con clases CSS de Tailwind, componentes de estilo, configurar temas de Tailwind, preguntar sobre utilidades o patrones, o trabajar con cualquier proyecto que utiliza Tailwind CSS. También se activa cuando el usuario menciona "diseño responsivo", "modo oscuro", "colores personalizados", "espaciado", "diseño flexible/cuadrícula" en un proyecto de Tailwind, pregunta sobre la migración v4, @theme vs @apply, o está editando archivos CSS/HTML en un proyecto con viento de cola en sus dependencias. Activar siempre que tailwind.config.* o @tailwind directivas están presentes. CUANDO NO: Proyectos que no utilizan Tailwind, preguntas sobre Bootstrap/Bulma/otros marcos CSS Fuente: gopherguides/gopher-ai.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/gopherguides/gopher-ai --skill tailwind-best-practices
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-03-09
Actualizado
2026-03-11

Browse more skills from gopherguides/gopher-ai

Respuestas rápidas

¿Qué es tailwind-best-practices?

CUÁNDO: El usuario está escribiendo HTML/plantillas con clases CSS de Tailwind, componentes de estilo, configurar temas de Tailwind, preguntar sobre utilidades o patrones, o trabajar con cualquier proyecto que utiliza Tailwind CSS. También se activa cuando el usuario menciona "diseño responsivo", "modo oscuro", "colores personalizados", "espaciado", "diseño flexible/cuadrícula" en un proyecto de Tailwind, pregunta sobre la migración v4, @theme vs @apply, o está editando archivos CSS/HTML en un proyecto con viento de cola en sus dependencias. Activar siempre que tailwind.config.* o @tailwind directivas están presentes. CUANDO NO: Proyectos que no utilizan Tailwind, preguntas sobre Bootstrap/Bulma/otros marcos CSS Fuente: gopherguides/gopher-ai.

¿Cómo instalo tailwind-best-practices?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/gopherguides/gopher-ai --skill tailwind-best-practices Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/gopherguides/gopher-ai

Detalles

Categoría
</>Desarrollo
Fuente
skills.sh
Primera vez visto
2026-03-09