IR AL PERFIL
CALIBRANDOCLIC · TOQUE · ENTER
01 / DESCOMPONIENDO LA INTERFAZ
02 / ENTRANDO AL NÚCLEO
PERFIL DEL SISTEMA · NÚCLEO / 01

YUTHRAMYS

Interfaces modernas y creativas, y los sistemas inteligentes que las mueven.

IDENTIDAD
YUTHRAMYS IBARRA
ROL
DESARROLLADORA FRONTEND CREATIVADESARROLLADORA DE IA · FULL-STACK
ENFOQUE
FRONTEND CREATIVOEXPERIENCIAS INTERACTIVAS Y 3DSISTEMAS Y AGENTES DE IAAUTOMATIZACIÓNAPPS WEB Y MÓVILES
IDIOMAS
ESPAÑOL · NATIVOINGLÉS · TÉCNICO

03 / LABORATORIO DE AGENTES

Cinco agentes de IA resolviendo una tarea en tiempo real

CONECTANDO…
  • ORCH idle
  • RSRCH idle
  • ANALYST idle
  • DEV idle
  • AUTO idle

Envía una tarea. El orquestador la planifica, la delega a especialistas que usan herramientas tipadas y compila el resultado: cada nodo, conexión y línea del registro que ves responde al flujo real de eventos.

04 / ORQUESTACIÓN

De la intención a la acción.

  1. 01
  2. 02
  3. 03
  4. 04

Una solicitud entra como intención humana.

Componentes del sistema:

  • HUMANO: Intención, aprobación y resultado
  • LLM: Razonamiento y planificación
  • MEMORIA: Contexto, historial, estado
  • AGENTES: Trabajadores especializados
  • HERRAMIENTAS: Acciones tipadas y aisladas
  • APIs: Servicios externos
  • BASE DE DATOS: Registros duraderos
  • AUTOMATIZACIÓN: Flujos que se disparan

05 / STACK

El stack de trabajo.

Next.js

Framework full-stack

USADO PARA

Aplicaciones full-stack · Interfaces de IA · Paneles · Sitios web en producción

EN PROYECTOS

Lua Tech · BodySlender · Rick and Morty Explorer

06 / PROYECTOS

Sistemas, descubiertos.

  1. DEMO EN VIVOVISITAR EL SITIO ↗

    SISTEMA 01 / 04

    Lua Tech

    Sitio de agencia · Diseño, desarrollo e IA

    El sitio de Lua Tech, mi agencia de diseño web, desarrollo e integración de IA. Una página única, cinematográfica y guiada por el scroll —trilingüe, estática y rápida— que recorre cómo trabaja el estudio, desde una llamada de diagnóstico directa hasta el lanzamiento, y convierte las visitas en conversaciones de WhatsApp.

    • Next.js 16
    • TypeScript
    • React Three Fiber
    • GLSL
    • GSAP
    • Lenis
    VER SITIO ↗
  2. DEMO EN VIVOVISITAR EL SITIO ↗

    SISTEMA 02 / 04

    Campus Navigator IUB

    Navegación inteligente de campus · 3D, 360° y asistente de IA

    Un sistema de orientación para el Instituto Universitario de Barranquilla. Un modelo 3D en vivo del campus es el mapa: tocas un edificio y un recorrido guiado en 360° te lleva hasta allí desde la entrada principal. IUBot responde preguntas y ofrece la ruta, y una búsqueda difusa encuentra cualquier aula, laboratorio u oficina.

    • React 19
    • TypeScript
    • Three.js
    • React Three Fiber
    • Vite
    • Gemini API
    VER SITIO ↗
  3. DEMO EN VIVOVISITAR EL SITIO ↗

    SISTEMA 03 / 04

    BodySlender

    Freelance · Sitio web para un centro de recuperación postoperatoria

    El sitio de Diana Ávila, esteticista y fisioterapeuta en San Vicente de Cañete, Perú, especializada en la recuperación después de cirugía plástica. Hecho para que la encuentren localmente y para convertir visitas en reservas por WhatsApp: un sitio sereno y editorial con servicios, visitas a domicilio y un blog que responde las dudas de las pacientes.

    • Next.js
    • React
    • TypeScript
    • Schema.org
    • Vercel
    VER SITIO ↗
  4. DEMO EN VIVOVISITAR EL SITIO ↗

    SISTEMA 04 / 04

    Rick and Morty Explorer

    Proyecto de estudio · Function calling con LLM sobre una API en vivo

    Una wiki de Rick and Morty con cerebro: explora cada personaje y episodio, y pregúntale a un asistente de IA que responde consultando la API real en vez de adivinar con lo que aprendió. Pequeño a propósito, construido como se construiría una función en producción.

    • Next.js 16
    • TypeScript
    • Gemini API
    • Zod
    • Tailwind CSS v4
    • Vitest
    VER SITIO ↗

07 / CONTACTO

¿Tienes un sistema
que necesita construirse?

Tu nombre y correo solo se usan para responder tu mensaje: nunca se comparten, venden ni se agregan a listas de correo.