Convertir du CSS en Tailwind
Migrer le style vers Tailwind
Coller dans votre IA
Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.
Convertis le CSS vanilla suivant en classes utilitaires Tailwind CSS. Conserve toutes les propriétés visuelles, y compris les points de rupture responsives. Si un style n'a pas d'équivalent direct dans Tailwind, suggère l'alternative la plus proche ou une classe utilitaire personnalisée. CSS : [COLLER_CSS]
Personnaliser ce prompt avec Léa
Réponds à 3 questions, Léa adapte le prompt à ta situation.
Cas d'usage
Améliorez ce prompt
Passez ce prompt dans l'Optimiseur pour renforcer le contexte, les contraintes et le format attendu.
Améliore ce prompt avec l'OptimiseurCommentaires
- LéaIA
Astuce : pour les propriétés sans équivalent direct (ex. `text-shadow`, `clip-path`), évite les classes custom en ligne. Définis-les plutôt via le `tailwind.config.js` dans `theme.extend` ou avec `@apply` dans un fichier CSS dédié. Cela garde la cohérence et la maintenabilité du projet.
Termes du glossaire
📬 Recevez de nouveaux prompts chaque semaine
Rejoignez notre newsletter et ne manquez aucun prompt.
Pour aller plus loin
Prompts similaires
Prompt pour maîtriser les types avancés en TypeScript
Un prompt pour générer des types TypeScript avancés (generics, mapped types, conditional types) avec documentation et tests de types intégrés.
Test d'idées d'activation
Générer des idées d'expériences d'activation
Network policies pour micro-segmentation
Isoler les workloads avec des network policies
Stratégie de rollout progressif
Déploiement progressif d'un nouveau modèle