Explorations
Interactive prototyping explorations for AI agent interfaces. Each one runs live — click to interact.
How it works: a timetable wakes up one row at a time with long pauses, so each story has time to finish. Before a row appears the list measures how tall it really is, then gently stretches open just that much space while the words fade in, so nothing jumps. The long paragraph is not pasted at once — it is typed live by showing a few more letters many times per second. The row that is typing gets a soft shine on its title. When all is done it rests, then replays.
Failed to load
Open directly ↗How it works: three teammates share one terminal. Each person has a colored avatar, and when someone types their cursor and a little name tag show who it is. Commands and replies play out on a fixed script — one person runs a check, another digs into the slow query, a third ships the fix — so it feels like a live session. Sometimes the AI bar wakes up, writes a command for them, and they hit run. When the story ends it soft-fades, clears, and starts again.
Failed to load
Open directly ↗How it works: you give the agent a goal in the bar at the bottom, like fix the shop build and put it live. It thinks out loud, lays out a short plan, then proposes each command on a card you can approve, edit, or deny. If a build fails it revises and tries again. When the steps finish you get a small diff review and a session trace of what ran. Then it soft-fades, clears, and starts over.
Failed to load
Open directly ↗How it works: a faster timetable wakes a new row about every second, so the list builds quickly. Each time, the list measures how tall the new row is and softly stretches open exactly that space while the row fades in. Every row carries its own little picture with a thin line down to the next, and the working row gets a sliding shine. Source labels pop in with a small delay, starting tiny and blurry then turning sharp. When the last row appears it rests, then replays.
Failed to load
Open directly ↗How it works: a meeting summary card shows key notes with a button to open the full transcript. Tapping it slides a modal up over the phone screen with the complete conversation, so the summary stays underneath. The backdrop dims the notes while the modal is open, and closing it drops you right back where you were.
Failed to load
Open directly ↗How it works: the window pretends to be a real computer by adding one letter at a time with tiny pauses, with click sounds and simple color rules. After each command it waits a beat, then prints saved answers line by line below, with a blinking block as the cursor. The view always jumps to the newest line. Later acts reuse the same trick — a phone keyboard slides up and types a final command, then an approval card appears. The whole script then clears and starts over.
Failed to load
Open directly ↗How it works: the list runs on a fixed timetable — it waits a moment, then shines a light on one task at a time for about two seconds before moving on. Done tasks turn into green checks, the current one shows an arrow, future ones stay as dotted circles. The count like 2/5 rolls like a slot machine by sliding the old number up and the new one in. A little ring by the title slowly fills like a pie as more tasks finish, and the list loops.
Failed to load
Open directly ↗How it works: every result has two alarms on a fixed plan — one to start working, one to mark done. Waiting rows show faint dots, working rows show a spinning globe, finished rows show a check. The globe looks round and turning by cycling through a few thin outline shapes, with several copies starting slightly late. While busy the top title has a soft glow sliding across it, then turns plain when all 8 are done. Then it rests, clears, and plays again.
Failed to load
Open directly ↗How it works: same engine as Web Search, only a different skin inside a phone terminal. It uses the same fixed plan with two alarms per page — one to start spinning, one to mark done — and the same globe trick of looping thin outlines slightly out of step to fake a turning ball. The title keeps the same sliding glow while busy. The only change is the look: dark box, mono text, prompt line on top. Same logic, swapped skin.
Failed to load
Open directly ↗How it works: the colors come from splitting the command into small parts — first word one color, flags another, quoted text another. After you press Run the card fades out and the fake run starts: it types one new letter at a time, then prints the build log one line at a time with a blinking block to feel alive. Buttons hide while it runs so you cannot press twice. Once all lines show it holds, then resets to the start.
Failed to load
Open directly ↗How it works: the countdown is a small ring that slowly empties over 30 seconds, with the number ticking down each second like a slot machine. You can stop it with X and the warning softly fades away — if it hits zero it approves all by itself. The plan shows only the first 3 steps with a button for more or less. After approval the steps flip from waiting dots to spinning to checks, with a fill bar tracking progress.
Failed to load
Open directly ↗How it works: all questions sit in one tall strip, but you only see a single question through a small window. The window measures how tall the current question is and fits itself to it. Picking an answer waits a short beat, then the whole strip slides up so the next question glides into view. The 1/3 counter rolls like a slot machine, and arrows let you move by hand. Continue unlocks only when all are answered, then a build log prints.
Failed to load
Open directly ↗How it works: same engine as the normal questions card, only the skin is a dark terminal. The trick is the same — a tall strip of questions slides up inside a fitted window, picking an answer pauses briefly then auto-slides to the next, and the 1/3 count rolls over. The demo places this card inside a phone with a top line like user@host. After approval the card fades and the build report prints underneath as plain terminal text with a blinking block.
Failed to load
Open directly ↗How it works: same engine as the normal command card, only dressed as a dark terminal. The command is broken into colored parts so words, paths and flags each get their own color. After Run the box fades, then the same text is typed letter by letter into the prompt line. The build log is then added one line at a time with a blinking block to feel alive. The demo loops the full play: approve, fade, type, print lines, hold, restart.
Failed to load
Open directly ↗How it works: same engine as the normal plan card, only in terminal clothes. It shows a short to-do list with a count and hides the rest behind a more button, plus a 30-second auto-go timer with a small ring that slowly fills. You can hit X to stop the auto-go. On approval it swaps to a command that types itself, then prints run progress line by line with checks until done. Same plan logic, dark terminal skin.
Failed to load
Open directly ↗How it works: the text streams by revealing two more letters about a hundred times per second until the full message shows, with a small bar as the pen tip. While writing, the view sticks to the bottom so the newest words stay visible, with a gentle nudge at the end so the last line fully lands. When done the bar blinks and an approval card can pop up below. To loop it softly fades out, clears, and starts writing again from the top.
Failed to load
Open directly ↗How it works: each row keeps three things — an old line number, a new line number, and a tag. The tag picks the color: green for added, red for removed, plain for unchanged context. If a line exists on only one side, the other number slot stays blank so the two columns keep lining up, with a plus or minus sign in front. The +4 -2 counts on top are just tallies of how many rows carry each tag. The example shows promise chains rewritten as clearer step-by-step code.
Failed to load
Open directly ↗