SKIP TO PROFILE
CALIBRATINGCLICK · TAP · ENTER
01 / DECOMPOSING INTERFACE
02 / ENTERING THE CORE
SYSTEM PROFILE · CORE / 01

YUTHRAMYS

Modern, creative interfaces — and the intelligent systems behind them.

IDENTITY
YUTHRAMYS IBARRA
ROLE
CREATIVE FRONTEND DEVELOPERAI DEVELOPER · FULL-STACK
FOCUS
CREATIVE FRONTENDINTERACTIVE & 3D EXPERIENCESAI SYSTEMS & AGENTSAUTOMATIONWEB & MOBILE APPS
LANGUAGES
SPANISH · NATIVEENGLISH · TECHNICAL

03 / AGENT LAB

Five AI agents solving one task in real time

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

Submit a task. The orchestrator plans it, delegates to specialists that call typed tools, and compiles the result — every node, link and log line you see is driven by the live event stream.

04 / ORCHESTRATION

From intent to action.

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

A request enters as human intent.

System components:

  • HUMAN: Intent in, approval, result out
  • LLM: Reasoning & planning
  • MEMORY: Context, history, state
  • AGENTS: Specialised workers
  • TOOLS: Typed, sandboxed actions
  • APIs: External services
  • DATABASE: Durable records
  • AUTOMATION: Triggered workflows

05 / STACK

The working stack.

Next.js

Full-stack framework

USED FOR

Full-stack applications · AI interfaces · Dashboards · Production websites

IN PROJECTS

Lua Tech · BodySlender · Rick and Morty Explorer

06 / PROJECTS

Systems, discovered.

  1. LIVE DEMOVISIT LIVE SITE ↗

    SYSTEM 01 / 04

    Lua Tech

    Agency website · Design, development & AI

    The website of Lua Tech, my agency for web design, development and AI integration. A cinematic, scroll-driven single page — trilingual, static and fast — that walks through how the studio works, from a direct diagnosis call to launch, and turns visits into WhatsApp conversations.

    • Next.js 16
    • TypeScript
    • React Three Fiber
    • GLSL
    • GSAP
    • Lenis
    VISIT SITE ↗
  2. LIVE DEMOVISIT LIVE SITE ↗

    SYSTEM 02 / 04

    Campus Navigator IUB

    Intelligent campus navigation · 3D, 360° & AI assistant

    A wayfinding system for the Instituto Universitario de Barranquilla. A live 3D model of the campus is the map: tap a building and a guided 360° walk takes you there from the main gate. IUBot answers questions and offers the route, and a fuzzy search finds any room, lab or office.

    • React 19
    • TypeScript
    • Three.js
    • React Three Fiber
    • Vite
    • Gemini API
    VISIT SITE ↗
  3. LIVE DEMOVISIT LIVE SITE ↗

    SYSTEM 03 / 04

    BodySlender

    Freelance · Website for a post-surgery recovery clinic

    The website of Diana Ávila, an aesthetician and physiotherapist in San Vicente de Cañete, Peru, specialised in recovery after plastic surgery. Built to be found locally and to turn visits into WhatsApp bookings: a calm, editorial site with services, home visits, and a blog that answers patients' questions.

    • Next.js
    • React
    • TypeScript
    • Schema.org
    • Vercel
    VISIT SITE ↗
  4. LIVE DEMOVISIT LIVE SITE ↗

    SYSTEM 04 / 04

    Rick and Morty Explorer

    Study project · LLM function calling over a live API

    A Rick and Morty wiki with a brain: browse every character and episode, then ask an AI assistant that answers by calling the real API instead of guessing from training data. Small on purpose, built the way a production feature would be.

    • Next.js 16
    • TypeScript
    • Gemini API
    • Zod
    • Tailwind CSS v4
    • Vitest
    VISIT SITE ↗

07 / CONTACT

Have a system
that needs to be built?

Your name and email are used only to reply to your message — never shared, sold or added to a mailing list.