Saltar al contenido

Animación

Las animaciones detrás del trabajo

Bucles cortos dibujados para explicar cada proyecto en pocos segundos — primero como portadas de un perfil freelance, ahora aquí. Se reproducen como animaciones Lottie, así que sus palabras siguen siendo texto.

8 bucles · 1 reelLottie · 24 fps · sin sonido

Reel

Todas en 60 segundos

Los bucles montados uno tras otro: la puerta de calidad, las dos vistas de trucutrú, la alineación forzada, la trayectoria, local-first, visual-diff, el design system y el blog. La frase con la que termina cada uno va subtitulada.
Vídeo · 60 s · 1080p · sin sonido · WebVTT ES + EN

acceptance-gate · la puerta de calidad

Cada PR pasa la misma puerta de calidad

El PR #441 espera a lint, typecheck, build, test, format, health, orchestrator y e2e, y el botón de fusionar solo se activa cuando los ocho están en verde. También los pull requests que construyen el repositorio.
Animación: el pull request #441 espera a los ocho controles de la puerta de calidad (lint, typecheck, build, test, format, health, orchestrator, e2e) y solo se fusiona cuando todos están en verde.

acceptance-gate · design system

Tokens, luego átomos, luego moléculas

Los tokens de color se convierten en un Button y un campo, y estos en un formulario de newsletter que pasa su comprobación de accesibilidad. El design system en un solo movimiento: arriba no se improvisa nada que no se decidiera abajo.
Animación: seis tokens de color alimentan los átomos Button y campo de texto, que se combinan en la molécula Newsletter, marcada como superada y a11y AA.

acceptance-gate · visual-diff

Los agentes escriben. Una persona aprueba la baseline.

Baseline y candidata, una junto a otra. El botón de fusionar de la candidata cambió de contraste, seis variantes quedan señaladas y una persona las marca como revisadas antes de que pase la CI.
Animación: se comparan una baseline y una candidata; el contraste del botón Merge pasa de 1,06:1 a 6,12:1, 6 de 106 variantes quedan marcadas como cambiadas, una persona las marca como revisadas y la CI pasa.

acceptance-gate · blog

Cada decisión, por escrito

Cuatro artículos del blog, cada uno una decisión con su evidencia al lado: lo que de verdad factura la CI, diseñar antes de que lo haga el agente, el changelog como primera página y el gestor de errores que ganó.
Animación: entran cuatro artículos con sus etiquetas y tiempos de lectura: «GitHub doesn’t bill time, it bills jobs», «Design first, or the agent designs for you», «The changelog is the first page they open» y «The research said GlitchTip. The decision was Bugsink.»

acceptance-gate · blog

Cada artículo, con su evidencia al lado

Las cifras de un artículo, contadas desde el repositorio del que salen: una cuota mensual de CI agotada en 48 horas, y por qué.
Animación: el artículo «GitHub doesn’t bill time, it bills jobs» y sus cifras contando: 2.351 jobs facturados en 48 horas, 702 minutos reales facturados como 2.000, 35 de 189 ejecuciones en verde y la cuota mensual de Actions agotada en 48 horas.

trucutrú · dos vistas

El lector nunca ve sus errores. La familia ve la trayectoria.

La misma lectura en dos pantallas. El niño ve el texto y un cronómetro; la familia ve cada palabra mal leída y las palabras por minuto.
Animación: una lectura en dos pantallas. La vista de lectura muestra el texto y un cronómetro, sin errores; la vista de familia marca las palabras mal leídas y cuenta 84 palabras correctas por minuto, 178 correctas y 34 sustituidas.

trucutrú · local-first

Sin cuentas. Sin backend. El audio no sale de casa.

La grabación va del micrófono al ordenador de la propia familia, donde se alinea y se puntúa. No se envía nada a ninguna parte.
Animación: una grabación va del micrófono al ordenador en el que se hizo, donde se alinea y se puntúa con 84 CWPM; el camino a la nube aparece tachado y se envían 0 bytes.

carloslima.dev

Cada afirmación, a dos clics de su evidencia

El comienzo de esta misma web en una ventana de navegador: la frase con la que empieza y las cuatro cifras de debajo.
Animación: un navegador abre carloslima.dev en su frase inicial, «I build the agent pipeline that ships the code, and the proof that it works», sobre cuatro cifras: 18 años en tecnología, más de 10 de JavaScript, 8 de React, 100 % público y versionado.

Cada animación explica algo que una captura solo demuestra; las páginas de los proyectos muestran la prueba al lado.

Siguiente

Mantén tu código verificable. Recupera tus mañanas.

Abierto a puestos senior de frontend y a contratos, en remoto por Europa. Una llamada de 30 minutos sobre tu propio código, sin diapositivas.