·tailwind-css
</>

tailwind-css

Configure y use Tailwind CSS v4 solo con Next.js (App Router), Vite o CLI; no tailwind.config.js: tema a través de @theme en CSS. Úselo al diseñar con Tailwind, configurar Tailwind, instalar Tailwind, clases de utilidad, @theme, @layer, @utility o cuando el usuario mencione Tailwind CSS o Tailwind v4.

9Instalaciones·2Tendencia·@enderpuentes

Instalación

$npx skills add https://github.com/enderpuentes/ai-agent-skills --skill tailwind-css

Cómo instalar tailwind-css

Instala rápidamente el skill de IA tailwind-css 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/enderpuentes/ai-agent-skills --skill tailwind-css
  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: enderpuentes/ai-agent-skills.

SKILL.md

Ver original

Tailwind CSS is a utility-first CSS framework. Style by combining single-purpose classes in markup.

We use Tailwind v4 only. There is no tailwind.config.js, tailwind.config.ts, or tailwind.config.mjs. Configuration is done in CSS via @import "tailwindcss" and the @theme directive, plus the Vite or PostCSS plugin.

Core principle: Prefer utility classes in markup; extend with @theme and custom CSS when needed. Never suggest or create tailwind.config. or content/theme in a config file.

Configure y use Tailwind CSS v4 solo con Next.js (App Router), Vite o CLI; no tailwind.config.js: tema a través de @theme en CSS. Úselo al diseñar con Tailwind, configurar Tailwind, instalar Tailwind, clases de utilidad, @theme, @layer, @utility o cuando el usuario mencione Tailwind CSS o Tailwind v4. Fuente: enderpuentes/ai-agent-skills.

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/enderpuentes/ai-agent-skills --skill tailwind-css
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-26
Actualizado
2026-03-10

Browse more skills from enderpuentes/ai-agent-skills

Respuestas rápidas

¿Qué es tailwind-css?

Configure y use Tailwind CSS v4 solo con Next.js (App Router), Vite o CLI; no tailwind.config.js: tema a través de @theme en CSS. Úselo al diseñar con Tailwind, configurar Tailwind, instalar Tailwind, clases de utilidad, @theme, @layer, @utility o cuando el usuario mencione Tailwind CSS o Tailwind v4. Fuente: enderpuentes/ai-agent-skills.

¿Cómo instalo tailwind-css?

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/enderpuentes/ai-agent-skills --skill tailwind-css 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/enderpuentes/ai-agent-skills

Detalles

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