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
Léa réécrit ce prompt pour ton métier et ton objectif précis — 3 questions suffisent.
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
Rédiger une requête ORM
Rédiger des requêtes ORM efficaces
Prompt Stable Diffusion pour générer du code JavaScript
Stable Diffusion est un modèle de génération d'images par intelligence artificielle, et non un outil de génération de code à proprement parler. Cependant, il peut être utilisé de manière créative dans le contexte du développement JavaScript. Stable Diffusion excelle dans la création de visuels liés au code : captures d'écran stylisées de snippets JavaScript, illustrations de concepts de programmation, schémas d'architecture logicielle, ou encore des images pédagogiques pour des tutoriels et documentations techniques. En combinant des prompts bien construits, vous pouvez générer des représentations visuelles de code JavaScript sur écran, des infographies expliquant des algorithmes, ou des illustrations pour vos articles de blog techniques. Cette approche est particulièrement utile pour les créateurs de contenu tech, les formateurs en développement web et les équipes marketing qui ont besoin de visuels professionnels autour de la programmation JavaScript. Dans ce guide, nous vous proposons des prompts optimisés pour obtenir des rendus visuels de haute qualité mettant en scène du code JavaScript dans différents contextes visuels.
Implémenter des tests basés sur les propriétés
Ajouter des tests basés sur les propriétés
Mettre en place une limitation de débit
Protéger les API contre les abus