Tomás Hein

Ingeniero Frontend Senior

Donde el rigor de ingeniería se encuentra con la intuición de diseño — construyendo sistemas frontend que escalan con los equipos detrás de ellos.

Perfil

El desarrollo frontend ocupa un lugar interesante — lo suficientemente cerca del diseño como para preocuparse profundamente por cómo se ven y se sienten las cosas, lo suficientemente cerca de la infraestructura como para entender por qué se rompen. Ese punto intermedio es donde siempre he trabajado mejor.

Mi camino en este campo no fue convencional. Una base en diseño gráfico y digital, combinada con años de aprendizaje autodidacta, formó una manera de trabajar difícil de encasillar. Pienso en sistemas — tokens, contratos, APIs de componentes, límites de equipo — pero también noto cuando una transición se siente mal o un layout pierde su ritmo en un breakpoint incómodo. Ambas cosas importan, y tratarlas como preocupaciones separadas es generalmente donde todo empieza a fallar.

Con el tiempo eso se ha traducido en una fuerte inclinación hacia el trabajo que se encuentra en la intersección de la calidad de ingeniería y la experiencia de producto: sistemas de diseño que los equipos realmente quieren usar, arquitecturas que dan a los squads espacio para moverse de forma independiente, interfaces que se mantienen bajo condiciones reales. Más recientemente, hacia cómo las herramientas inteligentes pueden elevar silenciosamente el estándar de todo — calidad de código, accesibilidad, cobertura de tests — sin añadir fricción a las personas que escriben el código.

Me importa el oficio. Construir cosas que sean fáciles de heredar, honestas en su complejidad, y genuinamente útiles para la persona al otro lado de la pantalla.

Destacado

  • Migración a Micro-Frontend Empresarial

    Module Federation • Arquitectura • Web Standards

    Liderazgo de la transición desde una arquitectura monolítica hacia un sistema distribuido para dar autonomía a múltiples equipos.

    Desafío
    Cuellos de botella en los despliegues y conflictos de versionado entre cuatro squads de ingeniería.
    Solución
    Implementación de Module Federation para habilitar despliegues independientes en tiempo de ejecución.
    Resultado
    Reducción del 60% en el tiempo de ciclo de deployment y desacoplamiento completo del pipeline de releases.
  • Sistema de Diseño y Librería de Componentes Empresarial

    React • TypeScript • Storybook • WCAG 2.2 AA • Design Tokens • NPM

    Arquitectura de un sistema de diseño a nivel empresarial desde cero — definiendo la estructura completa de tokens, el sistema de temas, la API de componentes y la documentación — adoptado por seis squads de ingeniería independientes.

    Fundación
    Definición completa del lenguaje de diseño de forma independiente: arquitectura de tokens, sistema de temas, escala de espaciado y tipografía — estableciendo una única fuente de verdad que unificó las decisiones visuales en toda la organización.
    Componentes
    Librería de más de 20 componentes accesibles, con cumplimiento WCAG 2.2 AA desde el primer día, y dependencias externas mínimas para reducir el overhead del bundle y el riesgo de mantenimiento a largo plazo.
    Distribución
    Empaquetado y publicado como paquete npm interno, permitiendo a los squads consumir actualizaciones versionadas de forma independiente sin acoplar sus ciclos de release al sistema de diseño.
    Documentación
    Documentación exhaustiva en Storybook con guías de uso, contratos de props, notas de accesibilidad y fundamentos de diseño — reduciendo significativamente el tiempo de onboarding y las inconsistencias entre equipos.
    Impacto
    Reducción medible de inconsistencias de UI y bugs de diseño en producción, junto con un ahorro significativo de tiempo de desarrollo en todos los squads consumidores.
  • Investigación de Productividad de Ingeniería con IA

    Prompt Engineering • Developer Experience (DX) • LLM Orchestration

    Evaluación de flujos de trabajo automatizados para integrar Large Language Models en el ciclo de vida de ingeniería frontend y aumentar la eficiencia del equipo.

    Objetivo
    Investigación de estrategias de Prompt Engineering para garantizar outputs JSON estructurados, asegurando una integración fluida con componentes UI type-safe.
    Exploración
    Prototipado de herramientas automatizadas de auditoría de código para identificar brechas de accesibilidad (A11y) y cuellos de botella de rendimiento durante el proceso de revisión de pull requests.
    Estado
    Actualmente midiendo el impacto de la generación asistida por IA de tests unitarios sobre la velocidad de sprint y la estabilidad de la cobertura de código a largo plazo.

Experiencia

  • Ingeniero Frontend Senior

    Americar · Remoto, Chile

    / 2 años, 5 meses

    Lideré el diseño UI/UX y creé desde cero la arquitectura del backoffice con React, TypeScript, TailwindCSS y AWS. Desarrollé librerías npm para el sistema de diseño en Storybook y módulos compartidos de autenticación y consumo HTTP, además de implementar Module Federation para garantizar la independencia de los equipos y optimizar los releases.

    Integré IA en el flujo de trabajo para automatizar la creación de tests unitarios y E2E, y en el pipeline de CI/CD para la revisión de código automaticas.

    • AWS
    • Module Federation
    • NPM
    • UI Design
    • UX Design
    • Typescript
    • React
    • TailwindCSS
    • Storybook
    • Integracion IA
    • Bitbucket
    • CI/CD
  • Ingeniero Frontend Senior

    Onesta · Remoto, Chile

    / 6 meses

    Colaboré en el diseño UI/UX y participé activamente en la definición de la arquitectura y desarrollo de la librería central de componentes distribuida mediante npm. Este ecosistema fue implementado de manera exitosa para unificar la experiencia visual y técnica tanto en el sitio web principal como en el backoffice de la empresa.

    El uso de esta solución optimizó significativamente los tiempos de desarrollo, garantizando consistencia en la interfaz y un mantenimiento centralizado.

    • NPM
    • Typescript
    • React
    • TailwindCSS
    • Storybook
    • UI Design
    • UX Design
  • Desarrollador Frontend Senior

    Aureolab · Remoto, Chile

    / 2 años, 6 meses

    Lideré la refactorización, actualización arquitectónica y rediseño UI de plataformas web principales y backoffs para Autofin y Qualimed, introduciendo TypeScript y modularización de estilos. Logré modernizar sistemas legados a las últimas versiones de React y Next.js, añadiendo nuevas funcionalidades clave para el negocio.

    Adicionalmente, aseguré el desarrollo continuo y la optimización de portales públicos de alta demanda como SalcoBrand, garantizando escalabilidad y mantenibilidad.

    • UI Design
    • Docker
    • Typescript
    • React
    • NextJS
    • CSS Modules
    • SASS
    • Websockets
    • Charts
  • Desarrollador Frontend

    CFOremoto · Santiago, Chile

    / 1 año, 1 mes

    Colaboré en el diseño UI/UX y desarrollé desde cero el portal financiero de la compañía utilizando Angular, TypeScript y SASS. Lideré la implementación de WebSockets para la transferencia de datos en tiempo real, permitiendo la sincronización inmediata de métricas financieras críticas dentro de la plataforma.

    Diseñé un dashboard de gráficos y estadísticas altamente personalizable, logrando una interfaz dinámica que permite a los usuarios adaptar la visualización de datos según sus necesidades analíticas.

    • UI Design
    • Typescript
    • Angular
    • SASS
    • Websockets
    • Charts
  • Desarrollador Frontend

    Kunder · Santiago, Chile

    / 1 año, 8 meses

    Como consultor en proyectos de alta complejidad, lideré el desarrollo y la modernización de plataformas para grandes instituciones financieras. En el sector de banca móvil, asumí el mantenimiento avanzado de la aplicación del Banco de Chile, actualizando plugins nativos en Cordova, y participé activamente en la construcción desde cero de la aplicación mobile de Banco Ripley utilizando Ionic y Angular, garantizando un rendimiento óptimo en entornos híbridos.

    Adicionalmente, expandí mi alcance hacia soluciones empresariales B2B mediante el diseño y desarrollo del backoffice para Tanner, donde estructuré una arquitectura limpia y escalable con React, TypeScript y Bootstrap que mejoró la eficiencia operativa de los equipos internos.

    También gestioné la optimización de múltiples sitios web de la compañía, resolviendo deudas técnicas complebas mediante el soporte técnico avanzado y la refactorización de sistemas web legados basados en JavaScript puro, asegurando su estabilidad y continuidad operacional.

    • Cordova
    • Ionic
    • Javascript
    • Typescript
    • Angular
    • React
    • SASS
    • Bootstrap
    • Charts
  • Carrera Temprana

    Varias Empresas · Santiago, Chile

    Antes de

    Desarrollo de sitios web y productos digitales con WordPress, PHP, jQuery y JavaScript vanilla para clientes de distintas industrias.

    • WordPress
    • PHP
    • Javascript
    • jQuery
  • Ver CV/Currículum Completo

Habilidades

Tecnologías Principales

Typescript
Avanzado: Mapped Types, Utility Types
React
v18+, Server Components, Hooks API
Next.js
App Router, Optimización SSR/SSG
Angular
v15+, RxJS, Standalone Components
JavaScript Moderno
Arquitectura ES6+

Gestion de Estado y Datos

TanStack Query
React Query
Gestores de Estado
Zustand, Redux Toolkit
GraphQL
Apollo Client / Urql
React Context
Context API para sistemas de diseño
RxJS
Programación reactiva con Angular
WebSockets
Streaming de datos en tiempo real

Formularios y Validación

React Hook Form
Gestión de formularios flexible y performante
Zod
Validación de esquemas con TypeScript-first

Ingeniería y Herramientas

Testing
Jest, Vitest, Playwright, Cypress
Rendimiento y Observabilidad
Lighthouse, Core Web Vitals, Code Splitting, Análisis de Bundles, Sentry, Datadog
Build Systems
Vite, Webpack, esbuild, Rsbuild, Rspack, Rslib, Turbo, ModernJS
CI/CD
GitHub Actions, Vercel, Docker
Module Federation
Despliegues independientes en tiempo de ejecución
Paquetes npm
Autoría y publicación de librerías internas
Git
Estrategias de branching, commits convencionales, flujos de PR
Monorepo
Turborepo, Nx
REST APIs
Diseño, consumo e integración de servicios RESTful
Internacionalización
i18next, react-intl
Mobile y Cross-platform
React Native, Ionic, PWA (conocimiento funcional)
Contenido y CMS
Payload CMS, Sanity, Contentful, Strapi
Calidad de Código
ESLint, Prettier, Biome, SonarQube / SonarCloud
Otros Frameworks
Astro, Vue (conocimiento funcional), SolidJS (conocimiento funcional)

Diseño y Sistemas de UI

Frameworks CSS
Bootstrap, TailwindCSS, UnoCSS
Preprocesadores CSS
PostCSS, Sass, Less
Librerías de Componentes
Headless UI / Radix / Ark UI / Material UI
Storybook
Documentación de componentes y sistemas de diseño
Design Tokens
Arquitectura de tokens y sistemas de temas
Design-to-Code
Figma, Adobe XD, Sketch, Design Tokens
Animación y Motion
Framer Motion, CSS Animations
Accesibilidad Web
(WCAG 2.2 AA)

Visualización de Datos

Librerías de Gráficos
D3.js, Recharts, Chart.js
Dashboards
Interfaces de visualización de datos y analíticas a medida

IA e Interfaces Inteligentes

Integración de LLMs
OpenAI SDK, LangChain.js, Vercel AI SDK
Prompt Engineering
Gestión de ventana de contexto y outputs JSON estructurados
Browser AI
Bases de datos vectoriales (Pinecone/Supabase) y embeddings en el cliente
Productividad de Ingeniería
GitHub Copilot, Cursor, y flujos de revisión de código automatizados

Backend & Cloud

(Conocimiento suficiente para colaborar entre capas y comprender decisiones arquitectónicas)

Node.js
Express, NestJS
Prisma ORM
Acceso a base de datos type-safe
Servicios Cloud
AWS, Azure
Bases de Datos
MySQL / MariaDB, PostgreSQL, SQL Server, MongoDB, Firebase, DynamoDB, Redis (caché y sesiones)

Contacto

Dejame una linea sobre oportunidades de trabajo o colaboraciones.