Saltar al contenido

Pablo Díaz-Jorge

Frontend Engineer
Frontend Architecture · AI Engineering

Diseño y construyo sistemas frontend escalables en la intersección entre la arquitectura de software y la ingeniería de inteligencia artificial.

Currículum vitae

Acerca De

Lo que empezó en el instituto como un simple experimento se ha convertido en mi vocación. Hoy me centro en diseñar y construir sistemas frontend escalables en la intersección entre la arquitectura de software y la ingeniería de inteligencia artificial, combinando un diseño cuidado con buenas prácticas de ingeniería.

Actualmente trabajo como Frontend Engineer en Infoport Valencia, donde contribuyo al desarrollo de soluciones digitales que optimizan la operativa del sector logístico portuario. Mi rol implica diseñar interfaces accesibles, escalables y centradas en el usuario con Angular y TypeScript, apoyándome en tecnologías como SCSS, RxJS y librerías de componentes personalizadas. Además, integro herramientas de asistencia al desarrollo basadas en IA en el flujo de trabajo para acelerar tareas de desarrollo, refactorización y revisión de código, manteniendo altos estándares de calidad.

Entre 2023 y 2025, antes de mi incorporación a Infoport, dediqué un período de investigación aplicada y desarrollo independiente centrado en la convergencia entre arquitectura frontend e ingeniería de IA. Durante esta etapa diseñé y prototipé cuatro soluciones de código abierto: Attention Matrix Explorer — visualización interactiva de matrices de atención de transformers con D3.js y Web Workers; Semantic Search Engine — motor de búsqueda semántica corporativa con PostgreSQL + pgvector e indexación HNSW; Cognitive Agent Orchestrator — orquestador de agentes cognitivos con patrón ReAct y streaming en tiempo real vía SSE; y Token Cost Analyzer — analizador de costes y tokenización de prompts LLM 100% en cliente con WebAssembly.

En 2026, llevé esta convergencia un paso más allá con dos nuevos proyectos de código abierto: prompt-forge — un toolkit de infraestructura agentica que proporciona memoria persistente entre sesiones a los agentes de codificación con IA, diseñado para resolver el problema de falta de estado que enfrenta todo desarrollador asistido por IA; y Candle AI — un dashboard de análisis técnico de calidad profesional con un motor de confluencia bayesiano determinista y una capa narrativa de IA opcional, construido sobre prompt-forge como proyecto cumbre que valida la infraestructura. Juntos representan el espectro completo de mi trabajo: desde infraestructura de herramientas para desarrolladores hasta aplicaciones de usuario final, siempre en la intersección entre arquitectura frontend e ingeniería de IA.

Anteriormente, formé parte de NTTData como desarrollador Full Stack en prácticas, donde trabajé en el diseño e implementación de una plataforma de gestión de empleados con Angular y Java. También realicé prácticas como analista de datos en Sothis, donde participé en el análisis y diseño de bases de datos para planes retributivos.

En mi tiempo libre suelo hacer deporte, puede que me veas sufrir en el gimnasio, por la montaña haciendo senderismo, leyendo novelas o sentado en un bar con amigos.

Experiencia Profesional

Sept 2025 — Actualidad

Contrato indefinido — Jornada Completa

Frontend Engineer ·  Infoport

Contribuyo al desarrollo de soluciones digitales que optimizan la operativa del sector logístico portuario, creando interfaces accesibles, escalables y centradas en el usuario con Angular y TypeScript, apoyándome en tecnologías como SCSS, RxJS y librerías de componentes personalizadas. Integro herramientas de asistencia al desarrollo basadas en IA en el flujo de trabajo para acelerar tareas de desarrollo, refactorización y revisión de código, manteniendo altos estándares de calidad. Trabajo en un entorno ágil, colaborando estrechamente con analistas y desarrolladores backend para entregar soluciones robustas y de valor para el sector.

  • Angular
  • TypeScript
  • SCSS
  • RxJS
  • Signals
  • Kendo UI
  • Web Components
  • AI-Assisted Development
  • Scrum
  • Jira
  • Web accessibility

Jul 2023 — Sept 2025

Investigación aplicada y desarrollo independiente

Ingeniero de Software Independiente — I+D en IA y Frontend ·  Proyectos de Código Abierto

Período de investigación aplicada y desarrollo independiente centrado en la convergencia entre arquitectura de sistemas frontend e ingeniería de inteligencia artificial. Diseñé y prototipé cuatro soluciones de código abierto: Attention Matrix Explorer (2023) — visualización interactiva de matrices de atención de transformers con D3.js y Web Workers; Semantic Search Engine (2024) — motor de búsqueda semántica corporativa con PostgreSQL + pgvector e indexación HNSW; Cognitive Agent Orchestrator (2024-2025) — orquestador de agentes cognitivos con patrón ReAct y streaming en tiempo real vía SSE; Token Cost Analyzer (2025) — analizador de costes y tokenización de prompts LLM con tiktoken WebAssembly. Stack: Angular (16 → 19), TypeScript, RxJS, Signals, D3.js, Spring Boot, PostgreSQL, pgvector, Node.js, Express, Web Workers, WebAssembly, SSE, Docker, Ollama.

  • Angular (16 → 19)
  • TypeScript
  • RxJS & Signals
  • D3.js
  • Spring Boot
  • PostgreSQL + pgvector
  • Node.js & Express
  • Web Workers & WASM
  • Server-Sent Events
  • Docker
  • Ollama & Qwen
  • Código Abierto
  • I+D
  • Documentación técnica

Mar 2022 — Jul 2022

Contrato de prácticas — Jornada completa

Full Stack Developer ·  NTT DATA Europe & Latam

Como Full Stack en NTT DATA Valencia, colaboré en el desarrollo end-to-end de una solución corporativa para la gestión de personal. Participé en la implementación de servicios REST en la capa backend y desarrollé un módulo interactivo en el frontend enfocado en la visualización dinámica de datos estructurados, asegurando la mantenibilidad del código bajo los estándares de calidad del equipo.

  • Angular
  • TypeScript
  • Java
  • Spring Boot
  • Scrum

Mar 2018 — Jun 2018

Contrato de prácticas — Jornada completa

Analista de Datos ·  Sothis

Análisis y diseño de base de datos para el plan retributivo de la UNE de Consultoría y Sistemas de la Información (CSI) y la UNE de Automatización y Control (AC).

  • MySQL
  • Power BI

Proyectos

Candle AI

Dashboard de análisis técnico con gráficos de velas de calidad profesional que se ejecuta completamente en el navegador — sin cuentas, sin suscripciones, sin datos que salgan de tu máquina. Combina un motor de confluencia bayesiano determinista (que puntúa más de 15 patrones de velas y chartistas en 7 jerarquías de señales) con una capa narrativa de IA opcional que explica el análisis en lenguaje natural. El LLM nunca anula al motor cuantitativo — narra los resultados. Construido con Angular 22 (Zoneless + Signals), Lightweight Charts v5, Web Workers para cómputo no bloqueante, caché IndexedDB, exportación a Pine Script v5, y 160 tests Vitest + 5 tests E2E Playwright. Desarrollado con infraestructura agentica prompt-forge a lo largo de 9 épicas como desarrollador en solitario.

  • Angular 22 (Zoneless + Signals)
  • Motor de Confluencia Bayesiano
  • Web Workers (Indicadores)
  • Lightweight Charts v5 (TradingView)
  • Integración LLM (Ollama/DeepSeek/OpenAI)
  • Exportación Pine Script v5
  • Playwright E2E + Vitest (165 tests)

prompt-forge

Toolkit de infraestructura agentica que proporciona memoria persistente entre sesiones a los agentes de codificación con IA. Diseñado para resolver un problema real: los agentes de IA no tienen estado — olvidan lecciones aprendidas, repiten errores y gastan tokens redescubriendo las mismas soluciones. prompt-forge captura errores recurrentes, cambios de API y workarounds como issues estructurados que se promueven automáticamente a skills permanentes tras 3+ ocurrencias. Cero dependencias de runtime, sin paso de build, sin backend — solo archivos Markdown que cualquier agente de IA (Copilot, Claude Code, Codex) puede leer. Soporte multi-proveedor con divulgación progresiva (~700 tokens de overhead en 7 skills). Sobre él se construyó Candle AI — la infraestructura que hizo manejables 9 épicas de desarrollo en solitario con calidad consistente y retención de conocimiento.

  • Infraestructura Agentica
  • Agent Skills (agentskills.io)
  • Gestión de Conocimiento
  • Developer Tooling
  • Persistencia Nativa Git
  • Divulgación Progresiva
  • Multi-proveedor

TestMaker

Plataforma de exámenes segura con acceso multiusuario y bancos de preguntas cifrados (AES-256-CBC). Desarrollada con Angular 21 (Señales) y una API serverless en Vercel. Incluye autenticación, configuración de sesiones por temas, atajos de teclado avanzados, exportación de resultados a PDF profesional, internacionalización ES/EN, y 18 tests unitarios con Vitest. Construida con asistencia de IA para resolver una necesidad real de estudio con preguntas protegidas contra difusión.

  • Angular 21 (Signals)
  • AES-256-CBC
  • Tailwind CSS
  • Serverless API
  • PDF (jsPDF)
  • Vitest (18 tests)
  • i18n ES/EN

Token Cost Analyzer

Analizador de costes y tokenización de prompts para LLMs, 100% en el lado del cliente. Ejecuta tiktoken WebAssembly dentro de un Web Worker para tokenizar sin bloquear la interfaz. Visualiza la distribución de tokens con gráficos D3.js y proporciona estimaciones de coste para 10 modelos de LLM. Construido con Angular 19.1.8 (detección de cambios zoneless), TypeScript 5.7.3 y D3.js 7.9.0. Publicado como código abierto en 2026, conservando el stack tecnológico original de 2025.

  • Angular 19 (Zoneless)
  • WebAssembly (tiktoken)
  • Web Workers
  • D3.js
  • TypeScript
  • RxJS & Signals

Cognitive Agent Orchestrator

Orquestador de agentes cognitivos con patrón ReAct (Reasoning + Acting) y streaming en tiempo real mediante Server-Sent Events. Implementa una máquina de estados determinista que razona, invoca herramientas (calculadora, clima, búsqueda), observa resultados y transmite cada pensamiento a un frontend Angular 18 zoneless. Soporte dual de proveedor LLM: modo simulado y Ollama + Qwen 2.5 Coder 7B. Backend Node.js/Express con TypeScript 5.5.4. Publicado como código abierto en 2026, conservando el stack original de 2024-2025.

  • Angular 18 (Zoneless)
  • TypeScript
  • Node.js & Express
  • Server-Sent Events
  • ReAct Pattern
  • Ollama & Qwen 2.5
  • Docker

Semantic Search Engine

Motor de búsqueda semántica corporativa con almacenamiento vectorial en PostgreSQL mediante la extensión pgvector. Implementa búsqueda por similitud coseno con indexación HNSW sobre embeddings de 384 dimensiones. Backend construido con Java 21 y Spring Boot 3.2.6; frontend con Angular 17.3.12 con carga diferida de resultados mediante @defer. Infraestructura orquestada con Docker Compose. Publicado como código abierto en 2026, conservando el stack original de 2024.

  • Java 21 & Spring Boot 3.2
  • PostgreSQL + pgvector
  • Angular 17 (@defer)
  • TypeScript
  • HNSW Indexing
  • Docker Compose

Attention Matrix Explorer

Visualizador interactivo de matrices de atención de transformers (Query, Key, Value) inspirado en el paper "Attention Is All You Need". Renderiza heatmaps en tiempo real con D3.js (escala de color Viridis, tooltips) y descarga los cálculos matriciales (softmax, transpuesta, multiplicación) en un Web Worker dedicado. Construido con Angular 16.2.12, Signals (Developer Preview) y D3.js 7.8.5. Publicado como código abierto en 2026, conservando el stack original de 2023.

  • Angular 16 (Signals Preview)
  • D3.js (Heatmaps)
  • Web Workers
  • Transformers (Q/K/V)
  • TypeScript

Mi Portfolio

Portfolio personal desarrollado con Angular 19.1.7 y Tailwind CSS 4.1, con SSR, i18n (ES/EN), dark/light mode y lazy-loading para una experiencia rápida y accesible. Construido con Angular Universal y Express.js para Server-Side Rendering en producción.

  • Angular 19.1.7
  • Angular Universal (SSR)
  • Tailwind CSS 4.1
  • ngx-translate
  • Express.js
  • PostCSS

Palaze (TFG · legacy)

Biblioteca de componentes web nativos desarrollada con Stencil.js. Componentes ligeros, fáciles de implementar y con carga rápida. Instalable vía npm o CDN. Incluye documentación propia. Surgió como proyecto de final de grado para adentrarme en el desarrollo web.

  • Stencil.js
  • Web Components
  • TypeScript
  • HTML & CSS
  • Figma