·tailwind-design-system
</>

tailwind-design-system

itsjavi/vani

Crea sistemas de diseño escalables con Tailwind CSS 4 utilizando tokens basados ​​en CSS, patrones de componentes y pautas responsivas con controles de accesibilidad. Úselo al crear bibliotecas de componentes, implementar sistemas de diseño o refactorizar y estandarizar patrones de interfaz de usuario.

4Instalaciones·0Tendencia·@itsjavi

Instalación

$npx skills add https://github.com/itsjavi/vani --skill tailwind-design-system

SKILL.md

Design tokens, components, and responsive patterns for Tailwind CSS 4 with accessibility in mind.

Use the token extractor to keep a JSON snapshot of @theme tokens:

Return a concise report using the output template above, followed by any recommended next steps (tests, audits, or migration plan).

Crea sistemas de diseño escalables con Tailwind CSS 4 utilizando tokens basados ​​en CSS, patrones de componentes y pautas responsivas con controles de accesibilidad. Úselo al crear bibliotecas de componentes, implementar sistemas de diseño o refactorizar y estandarizar patrones de interfaz de usuario. Fuente: itsjavi/vani.

Ver original

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/itsjavi/vani --skill tailwind-design-system
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es tailwind-design-system?

Crea sistemas de diseño escalables con Tailwind CSS 4 utilizando tokens basados ​​en CSS, patrones de componentes y pautas responsivas con controles de accesibilidad. Úselo al crear bibliotecas de componentes, implementar sistemas de diseño o refactorizar y estandarizar patrones de interfaz de usuario. Fuente: itsjavi/vani.

¿Cómo instalo tailwind-design-system?

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/itsjavi/vani --skill tailwind-design-system 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 o Cursor

¿Dónde está el repositorio de origen?

https://github.com/itsjavi/vani