·tailwind-theme-builder
</>

tailwind-theme-builder

✓
jezweb/claude-skillsGitHub: jezweb/claude-skillsFuente: jezweb/claude-skills

Configure Tailwind v4 con una interfaz de usuario temática shadcn/ui. Flujo de trabajo: instalar dependencias, configurar variables CSS con @theme en línea, configurar el modo oscuro, verificar. Úselo al inicializar proyectos de React con Tailwind v4, configurar temas de shadcn/ui o corregir colores que no funcionan, errores de tw-animate-css, conflictos de modo oscuro en línea de @theme, interrupción de @apply, problemas de migración de v3.

jezweb·tailwind·theme·builder
732Instalaciones·35Tendencia·@jezweb

Instalación

GitHub: jezweb/claude-skills
$npx skills add https://github.com/jezweb/claude-skills --skill tailwind-theme-builder

Cómo instalar tailwind-theme-builder

Instala rápidamente el skill de IA tailwind-theme-builder 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/jezweb/claude-skills --skill tailwind-theme-builder
  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: jezweb/claude-skills.

SKILL.md

Ver original

Set up a fully themed Tailwind v4 + shadcn/ui project with dark mode. Produces configured CSS, theme provider, and working component library.

This exact order is required. Skipping steps breaks the theme.

Result: bg-background, text-primary etc. work automatically. Dark mode switches via .dark class — no dark: variants needed for semantic colours.

Configure Tailwind v4 con una interfaz de usuario temática shadcn/ui. Flujo de trabajo: instalar dependencias, configurar variables CSS con @theme en línea, configurar el modo oscuro, verificar. Úselo al inicializar proyectos de React con Tailwind v4, configurar temas de shadcn/ui o corregir colores que no funcionan, errores de tw-animate-css, conflictos de modo oscuro en línea de @theme, interrupción de @apply, problemas de migración de v3. Fuente: jezweb/claude-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/jezweb/claude-skills --skill tailwind-theme-builder
Fuente
jezweb/claude-skills
Categoría
</>Desarrollo
Verificado
✓
Primera vez visto
2026-02-18
Actualizado
2026-03-11
URL
https://www.learn-skills.dev/es/skills/jezweb/claude-skills/tailwind-theme-builder

Browse more skills from jezweb/claude-skills

Respuestas rápidas

¿Qué es tailwind-theme-builder?

Configure Tailwind v4 con una interfaz de usuario temática shadcn/ui. Flujo de trabajo: instalar dependencias, configurar variables CSS con @theme en línea, configurar el modo oscuro, verificar. Úselo al inicializar proyectos de React con Tailwind v4, configurar temas de shadcn/ui o corregir colores que no funcionan, errores de tw-animate-css, conflictos de modo oscuro en línea de @theme, interrupción de @apply, problemas de migración de v3. Fuente: jezweb/claude-skills.

¿Cómo instalo tailwind-theme-builder?

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/jezweb/claude-skills --skill tailwind-theme-builder 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/jezweb/claude-skills

Detalles

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

Skills Relacionados

tailwind-v4-shadcn
2.7K Instalaciones
tanstack-query
2.5K Instalaciones
fastapi
2.0K Instalaciones
zustand-state-management
1.2K Instalaciones
react-hook-form-zod
1.2K Instalaciones
tailwind-patterns
1.1K Instalaciones