·tailwind-design-system
</>

tailwind-design-system

itsjavi/vani

Crée des systèmes de conception évolutifs avec Tailwind CSS 4 à l'aide de jetons basés sur CSS, de modèles de composants et de directives réactives avec des contrôles d'accessibilité. À utiliser lors de la création de bibliothèques de composants, de la mise en œuvre de systèmes de conception ou de la refactorisation et de la standardisation de modèles d'interface utilisateur.

4Installations·0Tendance·@itsjavi

Installation

$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).

Crée des systèmes de conception évolutifs avec Tailwind CSS 4 à l'aide de jetons basés sur CSS, de modèles de composants et de directives réactives avec des contrôles d'accessibilité. À utiliser lors de la création de bibliothèques de composants, de la mise en œuvre de systèmes de conception ou de la refactorisation et de la standardisation de modèles d'interface utilisateur. Source : itsjavi/vani.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/itsjavi/vani --skill tailwind-design-system
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que tailwind-design-system ?

Crée des systèmes de conception évolutifs avec Tailwind CSS 4 à l'aide de jetons basés sur CSS, de modèles de composants et de directives réactives avec des contrôles d'accessibilité. À utiliser lors de la création de bibliothèques de composants, de la mise en œuvre de systèmes de conception ou de la refactorisation et de la standardisation de modèles d'interface utilisateur. Source : itsjavi/vani.

Comment installer tailwind-design-system ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/itsjavi/vani --skill tailwind-design-system Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Où se trouve le dépôt source ?

https://github.com/itsjavi/vani