Loading site
back

tap

role
Product designer, Engineer
team
Solo

overview

I wanted to build an AI experience that could notice something worth your attention, give you a small update, and open the tools to act when you asked. I called those updates “taps.”

I designed and built Tap end to end in React and TypeScript, with an Express backend. To test it, I built a world simulator with customer histories and events, plus a separate control room for firing scenarios into the customer-facing app. I could change the circumstances and watch the model generate a different response.

Watch the Tap home recording
Generated taps on the home screen.
Hey Silas home with five taps: audience clustering in two cities, climbing quarterly royalties, collaborator royalty-split questions, streaming revenue up 40%, and a $6,400 promo window for a release.
Same home, different world. Silas gets a musician’s stack.

a reason to interrupt

A merchant has payroll coming up, a supplier to pay, and money still on its way in. I used scenarios like these to explore which events deserved a tap, how urgent it should feel, and when suggesting another financial product would be the wrong move.

The model generates the title, body, and priority inside a consistent card. Opening one gives it room to build a fuller response.

Watch the Tap dismiss recording
Dismissing a tap. The rest of the stack stays put.
Opened Midweek covers tap beside a follow-up proposing a loyalty program, with wait for March and loyalty nudge options.
Opened tap. The card stays on the left; the follow-up gets the rest of the screen.

what generation can touch

Opening a tap is a second generation: a streamed interface, checked against a protocol, allowed actions, and Ghost tokens before it hits the screen. I compute those actions from the scenario and the customer. One follow-up can create a Square team member in sandbox; another can speak a voice note. If the model asks for something I didn’t grant, it reports the gap.

Tap visual design specs: canvas and ink colors, anomaly through reminder accents, typography, spacing scale, and motion timings for reveal and expand.
Visual design. Color, type, space, shape, and motion on one sheet.

next

Tap is a self-initiated proof of concept with simulated scenarios, mocked capabilities, and selected Square sandbox connections. I haven’t tested whether its interruptions earn their place in someone’s day.

© 2026 Nahiyan Khan

Built with Astro · Hosted on Vercel · Privacy
root about work contact
Drag the active highlight to preview pages. Release to choose. Escape cancels. Or use arrow keys and page links.