Saltar al contenido

Contáctame

LinkedInWhatsApp

Comparte este portfolio

Alan Staub Negro

Ingeniero Full-Stack Senior

AI-native · React / Next.js + .NET · plataforma

Foto en primer plano de Alan Staub Negro sonriendo

Sobre mí

Ingeniero full-stack senior (~5 años) que entrego de punta a punta — React 19 / Next.js + TypeScript en el front, .NET / PostgreSQL real en el back, más trabajo de plataforma (CI/CD, testing, observabilidad). Trabajo AI-native: Claude Code, agentes LLM y MCP forman parte de cómo entrego, y redacté las convenciones de ingeniería con IA de mi equipo. En Debos, un SaaS de edificios inteligentes, lideré la entrega del frontend y la sostuve en solitario durante ~8 meses, y en mi tramo final asumí la coordinación de entrega entre departamentos que antes llevaba el CTO. Trilingüe (español nativo, francés bilingüe, inglés profesional), remote-first, con una formación en humanidades que aplico a la comunicación y al criterio de producto.

Competencias

IA y desarrollo agéntico

  • Claude Code
  • Agentes LLM (Claude, GPT)
  • MCP
  • Harness de IA
  • Code review con IA
  • Convenciones IA (CLAUDE.md)

Frontend

  • React 19
  • Next.js (App Router)
  • TypeScript
  • TanStack Query
  • React Hook Form
  • Zod
  • Zustand
  • Tailwind CSS
  • Radix UI

Backend y plataforma

  • .NET (C#)
  • EF Core
  • Node.js
  • PostgreSQL
  • APIs REST
  • CI/CD (GitHub Actions)
  • Vercel
  • Sentry
  • Amplitude
  • Playwright
  • Vitest

También

  • Go
  • Svelte / SvelteKit
  • React Native / Expo
  • Python / Flask
  • Figma (UX/UI)

Idiomas

  • Español (nativo)
  • Francés (bilingüe)
  • Inglés (profesional)

Experiencia

  • Debos logo

    Debos

    SaaS de edificios inteligentes · Ingeniero Full-Stack

    Empleado · 10/24 - 08/26

    Stack

    • React 19
    • Next.js
    • TypeScript
    • .NET
    • PostgreSQL
    • Playwright
    • Sentry
    • Claude Code / MCP

    Qué hice

    • Lideré la entrega del frontend; la sostuve en solitario durante ~8 meses (3 grandes funcionalidades a producción, cero reverts críticos)
    • Asumí la coordinación de entrega del departamento técnico — plazos, desbloqueos, comunicación — una función que me delegó el CTO; el referente de entrega del equipo
    • Construí más de 6 módulos de producto de punta a punta + un buscador de dispositivos full-stack (UI en React + endpoint en .NET + índices trigram en PostgreSQL)
    • Refactors arquitectónicos transversales adoptados como convenciones del equipo; creé el design system y la i18n type-safe de toda la app
    • Construí la suite de tests end-to-end (Playwright) desde una configuración inactiva; añadí feature flags (Amplitude) + observabilidad (Sentry)

    Destacados

    • Redacté las convenciones de ingeniería con IA del equipo (CLAUDE.md + skills de code review versionadas)
    • Flujo de trabajo potenciado por IA: Claude Code, agentes LLM, MCP
  • Nivimu wordmark

    Nivimu

    Startup de PWA de RR. HH. · Desarrollador Frontend

    Empleado · 04/23 - 04/24

    Stack

    • React
    • TypeScript
    • Ant Design
    • Emotion
    • Redux
    • Redux Saga
    • TanStack Query
    • Bit
    • Mockoon
    • Sentry

    Qué hice

    • Ownership de features de punta a punta con alta responsabilidad individual — code review, autoaprobación de ramas, QA de UX
    • Lideré la migración JavaScript → TypeScript en una PWA de RR. HH. a gran escala
    • Construí una biblioteca de componentes interna, design system y micro-frontends (Bit)
    • Gestioné el manejo correcto de zonas horarias en todo el producto
  • Memorízame logo — an M monogram

    Memorízame

    App de repetición espaciada · Full-stack · diseño

    Freelance · 12/22 - 04/23

    Stack

    • Svelte
    • TypeScript
    • Supabase
    • PostgreSQL
    • Figma
    • Miro

    Qué hice

    • Único desarrollador front-end; diseñé el producto de punta a punta — marca y logo, design system, UI/UX y layout
    • Responsable de la arquitectura front-end en Svelte; colaboré en el back-end con Supabase (PostgreSQL)
    • Construí el flujo de estudio por repetición espaciada (método SuperMemo)
  • integro writed in black with the o in blue

    Íntegro

    Startup · Full stack

    Freelance · 02/22 - 04/23

    Único desarrollador y analista técnico de una startup — web de empresa de punta a punta, design system y branding.

    Qwik · TypeScript · Figma

  • Attlos logo

    Attlos

    Startup · Front End

    Becario · 12/21 - 07/22

    Primer puesto profesional con TypeScript/React — desarrollé features de producto en un equipo Agile/Scrum.

    TypeScript · React · Redux · Azure

Pruebas

Pruebas técnicas de empresa contra reloj — cómo abordo un problema desconocido, y el veredicto que se llevó cada una.

  • Debos — Entrevista de resolución de problemas

    Octubre de 2024

    Contratado en el acto

    Entrevista técnica en dos partes; la de verdad era un problema de diseño — un buscador que ataca un backend de latencia muy variable: ¿cómo lo gestionas? Mi respuesta, tres capas: un mínimo de caracteres, un debounce de 200–500 ms y un AbortController que cancela la petición en vuelo para que una respuesta anterior más lenta no sobrescriba a una más nueva — la clásica race condition de un typeahead. Contratado en el acto; entré como consultor externo y luego pasé a plantilla. Después construí exactamente esto en producción — un buscador de dispositivos full-stack (React + .NET + índices trigram en PostgreSQL).

  • Nivimu — Prueba de código

    Del 20 al 21 de marzo de 2023 · 1 día

    Contratado

    Tabla de datos de usuarios filtrable y ordenable con una tarjeta de resumen en tiempo real que se resincroniza con la primera fila al cambiar el orden y los filtros. React + TypeScript + Redux Toolkit + Ant Design — entregada en un solo día.

  • Logitravel — Prueba técnica de PrimeIT

    Del 1 al 4 de julio de 2022 · 3 días

    Mejor candidato técnico

    Gestor de listas de texto con añadir / seleccionar / borrar y deshacer–rehacer completo. React + Redux Toolkit + styled-components, un sistema centralizado de design tokens y estructura SOLID — construido en una prueba de 3 días.

Artefactos

Autodirigidos y de código abierto — la prueba detrás de las etiquetas, no las etiquetas. Uno hace que una IA produzca código correcto; el otro es un producto que diseñé y construí de punta a punta.

Código abierto · MCP · evals

Gotcha

Un harness de ingeniería AI-native — y el catálogo de bugs sutiles que compilan, pasan la revisión y llegan a producción igualmente.

Flagship — búsqueda robusta de tickets sobre ~500k filas: mínimo de caracteres, debounce y cancelación de peticiones en el cliente; una búsqueda trigram que sigue siendo un BitmapOr, no un Seq Scan, en el servidor.

La diferencia que importa no es usar un LLM para teclear más rápido — es diseñar el sistema que le hace producir código correcto en un dominio lleno de trampas. Gotcha es ese sistema: un catálogo de defectos, skills de revisión versionadas, un servidor MCP que le pasa esas reglas a un agente mientras escribe, y una suite de evals que mide si la IA cae en cada trampa.

  • Catálogo de 16 defectos
  • Servidor MCP · 5 herramientas
  • Evals 11/16 · recall y precisión 11/11
  • .NET · PostgreSQL · Next.js / React 19

Ingeniería de diseño · código abierto

Memorízame logo — a two-tone M in teal and fuchsia

Memorízame

Una app de estudio por repetición espaciada que diseñé y construí de punta a punta — marca, design system e interfaz, fundamentados en la ciencia del aprendizaje.

En vivo e interactivo — tres modos (estudiar, repasar, test), un planificador SM-2 real, interfaz trilingüe en claro y oscuro. Pruébalo aquí mismo.

El producto donde hice este trabajo de diseño es privado, así que lo reconstruí como una demo abierta e instalable que puedes usar de verdad — con contenido de dominio público. Cada superficie es mía: el logo de dos tonos, un design system tokenizado claro/oscuro (color verificado WCAG-AA / APCA, tres tipografías elegidas por la ciencia de la lectura), una interfaz trilingüe y un planificador SM-2 real. Al mismo nivel senior que el resto — un test de contrato de design tokens y un gate de accesibilidad (axe-core) rompen el build ante cualquier regresión.

  • Design system · tokens
  • SM-2 · PWA offline
  • Color WCAG 2.2 AA · APCA
  • Trilingüe · claro/oscuro
  • SvelteKit 2 · Svelte 5