Oh My Posh Visual Configurator : Créez votre prompt de terminal sur mesure sans coder

https://jamesmontemagno.github.io/ohmyposh-configurator/

📌 OH MY POSH VISUAL CONFIGURATOR est outil web gratuit qui simplifie la création de thèmes personnalisés pour le prompt de votre terminal. Il permet de visualiser instantanément les modifications sans toucher aux fichiers de configuration.

Cette interface web moderne permet de concevoir un prompt pas à pas, directement à l’écran, avec un rendu immédiat. L’objectif est clair : remplacer les cycles fastidieux d’essais-erreurs par une approche visuelle, fluide et contrôlée.

L’outil repose sur un éditeur drag & drop qui facilite l’assemblage des différents segments du prompt. Chaque élément peut être déplacé, ajusté ou supprimé en quelques secondes, tout en observant le résultat en temps réel.

L’expérience est pensée pour rester accessible, même lorsque la configuration devient avancée. Les options complexes sont volontairement masquées au départ, puis révélées uniquement lorsque cela devient utile, afin de conserver une interface lisible et efficace.

Au cœur de l’application, une bibliothèque de plus de 100 segments est organisée par grandes catégories : système, contrôle de version, langages, cloud, outils CLI, web, musique et santé. Chaque segment inclut sa documentation intégrée, ses propriétés et ses options.

Les points forts de l’outil apparaissent rapidement :

• 🎨 Plus de 100 segments prêts à l’emploi, classés par catégories claires
• 🖱️ Interface drag & drop avec édition visuelle immédiate
• ⚡ Aperçu en temps réel avec styles powerline, diamond ou classiques
• 🎛️ Personnalisation complète des couleurs, templates, alignements et styles
• 💾 Sauvegarde automatique directement dans le navigateur
• 📦 Import et export en JSON, YAML ou TOML
• 🌐 100 % côté client, aucune donnée envoyée vers un serveur

La prévisualisation joue un rôle central. Chaque modification est visible instantanément, avec la possibilité de tester différents fonds clairs ou sombres et de visualiser précisément les séparateurs graphiques.

Des configurations d’exemple sont proposées pour démarrer rapidement. Elles servent de base solide pour comprendre la structure d’un prompt professionnel avant d’affiner chaque détail.

L’outil facilite également le partage. Une configuration peut être exportée, utilisée immédiatement avec Oh My Posh, ou proposée à la communauté via GitHub afin d’enrichir la galerie de thèmes existants.

Sur le plan technique, l’application repose sur une architecture performante et moderne : React et TypeScript pour la robustesse, Vite pour la rapidité, Tailwind CSS pour le styling, et un chargement paresseux des données afin de limiter le poids initial.

Les fichiers de configuration et de métadonnées sont automatiquement minifiés en production, tandis qu’un système de cache intelligent évite les requêtes inutiles. Chaque segment est chargé uniquement lorsqu’il est réellement utilisé.

L’ensemble du projet est structuré de manière claire, avec une séparation nette entre les segments, les configurations, les composants et les scripts de validation, facilitant l’évolution et la contribution.

Enfin, l’application intègre nativement les bonnes pratiques SEO et PWA : balisage structuré, métadonnées sociales, manifeste d’application et compatibilité mobile complète.

Build software better, together s’impose ainsi comme un configurateur visuel puissant, rapide et maîtrisé pour transformer un prompt de terminal en véritable interface d’information, lisible et élégante, adaptée à tous les environnements compatibles avec Oh My Posh.

https://github.com/jamesmontemagno/ohmyposh-configurator

https://montemagno.com/introducing-oh-my-posh-visual-configurator

Un peu d’aide pour les plus en galère 🤣

1️⃣ Installer Oh My Posh, Sur macOS, l’installation se fait via Homebrew :

brew install oh-my-posh

2️⃣ Créer le dossier de configuration d’Oh My Posh :

mkdir -p ~/.config/oh-my-posh

3️⃣ Configurer votre terminal sur https://jamesmontemagno.github.io/ohmyposh-configurator/ et télécharger la configuration avec le bouton « Download » en bas à droite

4️⃣ Déplacer le fichier de thème exporté depuis le Visual Configurator (en supposant que vous l’ayez téléchargé dans le dossier téléchargement):

mv ~/Downloads/config.omp.json ~/.config/oh-my-posh/

5️⃣ Mettre à jour la configuration Zsh en ajoutant l’initialisation d’Oh My Posh dans le fichier .zshrc :

echo 'eval "$(oh-my-posh init zsh --config ~/.config/oh-my-posh/config.omp.json)"' >> ~/.zshrc

6️⃣ Recharger la configuration :

source ~/.zshrc

Point d’attention

Oh My Posh ne doit pas être utilisé en parallèle de Powerlevel10k.
Toute initialisation de Powerlevel10k doit être supprimée ou commentée dans .zshrc.