Mettre en place un système de jetons de design
Construire des systèmes de design évolutifs
Coller dans votre IA
Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.
Concevez un système de jetons basé sur les propriétés personnalisées CSS (variables) pour un système de design couvrant les couleurs, la typographie, les espacements, les bordures arrondies et les ombres. Incluez des jetons pour les modes clair et sombre, des conventions de nommage sémantique, et un utilitaire JavaScript pour les consommer à l'exécution.
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
Pour une meilleure maintenabilité, préférez une nomenclature sémantique (ex. `--color-brand-primary`) plutôt que descriptive (`--color-blue`). Cela facilite le changement de thème sans casser le code. Pensez aussi à intégrer des jetons de breakpoints responsive pour adapter espacements et typo.
Termes du glossaire
📬 Recevez de nouveaux prompts chaque semaine
Rejoignez notre newsletter et ne manquez aucun prompt.
Pour aller plus loin
Prompts similaires
Convertir du CSS en Tailwind
Migrer le style vers Tailwind
Architecture multi-environnements Terraform
Gérer plusieurs environnements avec Terraform
Automatisez vos commits Git avec l'IA : le prompt ultime
Ce prompt analyse un diff Git et génère automatiquement des messages de commit structurés selon les conventions du projet, avec découpage atomique si nécessaire.
Créer des workers et jobs asynchrones avec l'IA
Un prompt complet pour concevoir et implémenter des workers et jobs asynchrones avec file d'attente, retry, monitoring et déploiement.