Desarrollo web y de software Verificado con la documentación Intermedio
tailwind-design-system
wshobson/agents
Système de design avec Tailwind
Por ahora, las descripciones de los skills están en francés. La interfaz está en español; las fichas se traducirán más adelante.
Texto de ficha en revisión: la información técnica está verificada, la redacción aún no la ha validado una persona.
Para qué sirve
Aide l'agent à construire un système de design avec Tailwind CSS version 4 : couleurs et réglages communs, composants réutilisables, thème sombre, pages adaptées au mobile et accessibles.
Para quién
Pour toi qui crées un site ou une appli avec Tailwind et veux des composants cohérents d'une page à l'autre.
Ejemplos de peticiones
- « Crée une bibliothèque de boutons et de cartes avec Tailwind v4. »
- « Mets en place un thème clair et sombre pour mon site. »
- « Migre ma configuration Tailwind v3 vers la v4. »
Límites
- Il vise Tailwind CSS v4 ; pour un projet en v3, le skill renvoie au guide de mise à niveau.
- Il suppose un projet qui utilise déjà Tailwind.
- Les exemples de composants sont des bases à adapter à ton design.
Instalar este skill
Requisitos : Tailwind CSS
Copia el comando, pégalo en tu terminal (Mac) o en PowerShell (Windows) y confirma tú mismo cuando el programa te lo pida.
Comando (última versión publicada)
npx skills add https://github.com/wshobson/agents --skill tailwind-design-system -a claude-codeEl comando npx necesita Node.js 22.20 o posterior. Windows : si la création de liens échoue : ajouter --copy (non testé).
Comando fijado en la versión verificada
Comando fijado en la versión verificada
npx skills add wshobson/agents@4bde3168b43c0655c4d00ea2726e631719908a6d --skill tailwind-design-system -a claude-codeComando verificado con la documentación, aún no probado por Neurylio.
Antes de instalar. Lee el archivo SKILL.md en GitHub, comprueba de dónde viene el skill y qué puede hacer. Las lecciones del módulo 7 te explican cómo: