Ahora tengo toda la inspiración y el contexto necesario. Voy a construir un portafolio terminal interactivo con estética hacker. Empiezo actualizando los tokens de diseño, el layout, y luego creo los componentes del terminal.

Ahora creo los componentes del terminal. Primero el sistema de datos del portafolio y el procesador de comandos:

Ahora los componentes de la UI del terminal:

Ahora creo el componente principal del Terminal y la page:

Ahora actualizo el tailwind.config.ts para asegurar que la fuente mono se aplique correctamente:

La fuente ya está configurada vía CSS variables en globals.css. Ahora actualizo el globals.css para asegurar que la fuente mono de JetBrains se registre correctamente:

Hmm, eso podría causar una referencia circular. Déjame corregirlo:

Tu portafolio terminal interactivo ya est listo. Aqu un resumen de lo que constru:

Interfaz completa de terminal Linux con barra de titulo (botones de semaforo macOS), area de output con scroll, input con cursor verde, y barra de estado con uptime en tiempo real. El tema usa colores de terminal clasicos: verde (#00ff9c), cyan (#00b8d4), ambar (#ffcb6b) y rojo (#ff5370) sobre fondo oscuro.

20+ comandos funcionales incluyendo help, about, skills, projects, experience, education, contact, neofetch, ls, cat, sudo cat .secrets (easter egg), matrix (efecto lluvia Matrix en canvas), banner, whoami, date, y mas. Soporta autocompletado con Tab, navegacion de historial con flechas, y Ctrl+L para limpiar.

Los datos del portafolio estan centralizados en lib/portfolio-data.ts para que puedas personalizar facilmente tu nombre, skills, proyectos y experiencia sin tocar la logica de la terminal.