- Button.tsx
- Nav.tsx
Migas de pan de terminal
La ruta de una terminal hace de migas: pulsa una carpeta, se escribe el cd, cambia el prompt y aparece su contenido.
Ajustes
Código
<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="Ruta" 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="Contenido"><li><span>Button.tsx</span></li><li><span>Nav.tsx</span></li></ul></div></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Navegación
Ver todos: NavegaciónDónde usarlo
Unas migas de pan para gente de desarrollo, dibujadas como el prompt de una terminal. Cada carpeta de la ruta se puede pulsar, y también las que aparecen listadas debajo. Al pulsar, se escribe letra a letra el cd correcto, pasa al historial, se actualiza el prompt y se lista la carpeta nueva. Retroceso sube un nivel. Encaja en documentación de herramientas de consola, exploradores de archivos y portfolios.
El color principal pinta el prompt y el secundario las carpetas. Sustituye el pequeño objeto con el sistema de archivos del script por tu propia estructura, y usa nombres de carpeta cortos.