- Button.tsx
- Nav.tsx
Fil d'Ariane de terminal
Le chemin d'un terminal sert de fil d'Ariane : clique un dossier, la commande cd s'écrit, l'invite change et son contenu s'affiche.
Réglages
Code
<div class="uvq12-sh" aria-label="Terminal" role="group"><div class="tb" aria-hidden="true"><i></i><i></i><i></i><span>zsh</span></div><div class="bd"><div class="hs"></div><div class="pr"><span class="u">ana@mac</span>:<nav class="pa" aria-label="Fil d’Ariane" aria-live="polite"><button type="button">~</button>/<button type="button">code</button>/<button type="button">web</button>/<button type="button">src</button>/<button type="button" aria-current="location">components</button></nav><span class="u">$</span> <span class="cm"></span><span class="cr" aria-hidden="true"></span></div><ul class="ls" aria-label="Contenu"><li><span>Button.tsx</span></li><li><span>Nav.tsx</span></li></ul></div></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Navigation
Voir tout : NavigationOù l’utiliser
Un fil d'Ariane pour les développeurs, dessiné comme l'invite d'un terminal. Chaque dossier du chemin est cliquable, tout comme ceux listés en dessous. Un clic tape la bonne commande cd lettre après lettre, la place dans l'historique, met à jour l'invite et liste le nouveau dossier. Retour arrière remonte d'un niveau. Pour la documentation d'outils en ligne de commande, les explorateurs de fichiers et les portfolios.
La couleur principale teinte l'invite et la secondaire les dossiers. Remplace le petit objet de système de fichiers du script par ta propre structure et garde des noms de dossier courts.