·frontend-tailwind-best-practices
</>

frontend-tailwind-best-practices

sergiodxa/agent-skills

Modèles et conventions CSS Tailwind pour les applications frontales. À utiliser lors de l'écriture de styles de composants, de mises en page ou lors de l'utilisation de classes CSS.

92Installations·5Tendance·@sergiodxa

Installation

$npx skills add https://github.com/sergiodxa/agent-skills --skill frontend-tailwind-best-practices

SKILL.md

Styling patterns and conventions for frontend applications. Contains 10 rules covering layout utilities, affordances, color schemes, responsive design, and className handling.

Design for input capabilities (pointer/hover) instead of device labels.

| flex flex-col | v-stack | | flex flex-row | h-stack | | flex items-center justify-center | center | | bg-gray-100 | bg-neutral-100 | | bg-[#hex] | Use design tokens | | className="..." without cn() | cn("...", className) | | Inline style for responsive | Tailwind prefixes |

Modèles et conventions CSS Tailwind pour les applications frontales. À utiliser lors de l'écriture de styles de composants, de mises en page ou lors de l'utilisation de classes CSS. Source : sergiodxa/agent-skills.

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/sergiodxa/agent-skills --skill frontend-tailwind-best-practices
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que frontend-tailwind-best-practices ?

Modèles et conventions CSS Tailwind pour les applications frontales. À utiliser lors de l'écriture de styles de composants, de mises en page ou lors de l'utilisation de classes CSS. Source : sergiodxa/agent-skills.

Comment installer frontend-tailwind-best-practices ?

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/sergiodxa/agent-skills --skill frontend-tailwind-best-practices 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/sergiodxa/agent-skills