Créez des systèmes de conception évolutifs avec Tailwind CSS v4, des jetons de conception, des bibliothèques de composants et des modèles réactifs. À utiliser lors de la création de bibliothèques de composants, de la mise en œuvre de systèmes de conception ou de la standardisation de modèles d'interface utilisateur.
Installez rapidement le skill IA tailwind-design-system dans votre environnement de développement via la ligne de commande
Source : ghou533/agent-skills.
Build production-ready design systems with Tailwind CSS v4, including CSS-first configuration, design tokens, component variants, responsive patterns, and accessibility.
Note: This skill targets Tailwind CSS v4 (2024+). For v3 projects, refer to the upgrade guide.
| tailwind.config.ts | @theme in CSS | | @tailwind base/components/utilities | @import "tailwindcss" | | darkMode: "class" | @custom-variant dark (&:where(.dark, .dark )) | | theme.extend.colors | @theme { --color-: value } | | require("tailwindcss-animate") | CSS @keyframes in @theme + @starting-style for entry animations |
Créez des systèmes de conception évolutifs avec Tailwind CSS v4, des jetons de conception, des bibliothèques de composants et des modèles réactifs. À utiliser lors de la création de bibliothèques de composants, de la mise en œuvre de systèmes de conception ou de la standardisation de modèles d'interface utilisateur. Source : ghou533/agent-skills.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/ghou533/agent-skills --skill tailwind-design-systemCréez des systèmes de conception évolutifs avec Tailwind CSS v4, des jetons de conception, des bibliothèques de composants et des modèles réactifs. À utiliser lors de la création de bibliothèques de composants, de la mise en œuvre de systèmes de conception ou de la standardisation de modèles d'interface utilisateur. Source : ghou533/agent-skills.
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/ghou533/agent-skills --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, Cursor ou OpenClaw
https://github.com/ghou533/agent-skills