·styling-with-tailwind
</>

styling-with-tailwind

Crea interfaces de usuario utilizando clases de utilidad Tailwind CSS y patrones shadcn/ui. Cubre variables CSS con colores OKLCH, variantes de componentes con CVA, diseño responsivo, modo oscuro y funciones Tailwind v4.2. Admite primitivas de Radix UI y Base UI, CLI 3.0 y estilos visuales. Úselo al crear interfaces con Tailwind, diseñar componentes shadcn/ui, implementar temas o trabajar con CSS de utilidad.

11Instalaciones·0Tendencia·@tenequm

Instalación

$npx skills add https://github.com/tenequm/claude-plugins --skill styling-with-tailwind

Cómo instalar styling-with-tailwind

Instala rápidamente el skill de IA styling-with-tailwind 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/tenequm/claude-plugins --skill styling-with-tailwind
  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: tenequm/claude-plugins.

SKILL.md

Ver original

Build accessible UIs using Tailwind CSS v4 utility classes and shadcn/ui component patterns. Tailwind v4 uses CSS-first configuration only - never create or modify tailwind.config.js/tailwind.config.ts. Supports Radix UI (default) or Base UI as primitive libraries.

Tailwind v4 configures everything in CSS. Migrate any JS/TS config:

Always pair bg- with text--foreground. Extend with success/warning/info in theming.md.

Crea interfaces de usuario utilizando clases de utilidad Tailwind CSS y patrones shadcn/ui. Cubre variables CSS con colores OKLCH, variantes de componentes con CVA, diseño responsivo, modo oscuro y funciones Tailwind v4.2. Admite primitivas de Radix UI y Base UI, CLI 3.0 y estilos visuales. Úselo al crear interfaces con Tailwind, diseñar componentes shadcn/ui, implementar temas o trabajar con CSS de utilidad. Fuente: tenequm/claude-plugins.

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/tenequm/claude-plugins --skill styling-with-tailwind
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-23
Actualizado
2026-03-10

Browse more skills from tenequm/claude-plugins

Respuestas rápidas

¿Qué es styling-with-tailwind?

Crea interfaces de usuario utilizando clases de utilidad Tailwind CSS y patrones shadcn/ui. Cubre variables CSS con colores OKLCH, variantes de componentes con CVA, diseño responsivo, modo oscuro y funciones Tailwind v4.2. Admite primitivas de Radix UI y Base UI, CLI 3.0 y estilos visuales. Úselo al crear interfaces con Tailwind, diseñar componentes shadcn/ui, implementar temas o trabajar con CSS de utilidad. Fuente: tenequm/claude-plugins.

¿Cómo instalo styling-with-tailwind?

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/tenequm/claude-plugins --skill styling-with-tailwind 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/tenequm/claude-plugins