Hi, I’m Miguel

Hi, I’m Miguel. I’m a Computer Scientist and Senior Software Engineer. I enjoy building digital products, with a particular interest in system design, product engineering, and applied AI.

This blog is where I explore those ideas through technical notes and interactive experiments. Writing helps me question assumptions, clarify decisions, and build better mental models.

Building

Local-first AI experiments

Exploring

WebGPU and interface motion

Reading

Predictably Irrational Dan Ariely · The Hidden Forces That Shape Our Decisions

Writing

Motion as state, not decoration

One shape, many interface states

A single persistent surface moves between a compact player, transport controls, and album detail while the browser preserves spatial continuity between each interface state.

DEMON DAYSFeel Good Inc.Gorillaz

1:23−2:19

Building liquid glass with WebGL

A fragment shader bends a procedural scene through a spherical surface, combining refraction, depth, subtle chromatic dispersion, and frost without relying on backdrop filters.

DRAG / REFRACTION

Glass

LightViewfinder

AngleExposure18%

Refraction72Depth68Dispersion28Size45

Motion as state, not decoration

A behavioral study of how continuity, direction, attention, and timing help interfaces explain change instead of merely decorating it.

Planning the investigation…

Identify root causepending

Review proposed changepending

Investigation plan2 steps

Inspect the retry path

Map the failure boundary

Searching the codebaseretry.ts

idempotencyKey

src/payments/retry.tsline 38

src/payments/retry.ts+2 −1

36const charge = async (order) => {

37+ const key = order.idempotencyKey;

38− const key = crypto.randomUUID();

Applying change1 file

Filesrc/payments/retry.ts

StrategyPreserve the order key

Payment tests2 tests

Reuses the idempotency keyrunning

Retries without duplicate chargequeued

Run payment testspending

Now

Notes

One shape, many interface states

Building liquid glass with WebGL

Motion as state, not decoration