Modal · product surfaces · Lane 2

Modal · at work.

Three canonical surfaces showing where Modal lives in the actual product. Sidebar — the always-on station inside Claude Code. Empty state — first run, nothing saved yet. Activity feed — the daily UX of skills firing, refusing, recalled. All in Modal's voice. All v2 silhouette. All brand-strict.

~/projects/email-system · main claude code

reply.ts

1// Compose a reply to an inbound thread
2import { thread } from "./parse";
3import { send } from "./send";
4
5export async function reply(threadId: string) {
6 const t = await thread.get(threadId);
7 // build the response — one paragraph, the action,
8 // then the question. no pleasantries, no "circling back."
9 const body = compose(t, {
10 style: "jeff-su", // ← Modal's "made one" from last week
11 length: "short",
12 });
13 return await send(t.from, body);
14}
Sidebar widget — narrow column inside Claude Code. Modal on watch in the corner of the IDE. Status reflects what's loaded for the file you're in. Skill list with eval scores. Pulse pixel in the body band when active. Lane 2.A
enact · first run no skills yet

Nothing here yet.

Whenever you're ready, paste a link. A YouTube video, a PDF, a long article. I'll read along with you and turn it into a skill the next time you're working on something it knows about.

Karpathy lecture Jeff Su video PDF upload Any article

Modal is on watch · not 24/7 · periods, not exclamation marks

Empty state · first-run — the Snoopy-doghouse moment. Modal on watch alone, ready. One input, four hint chips, no marketing copy. The voice line is the canonical one from CHARACTER.md. Lane 2.B
Modal · activity feed
last 7 days
Today · Tue Apr 28
★
Heard you used the Jeff Su one. Good.
recall · jeff-su-email-tactics · matched reply.ts · eval 0.92
12:42 PM
★
Made one. It'll show up next time you're in backprop.py.
made · karpathy-backprop-explainer · from karpathy_lecture.mp4 · passed 0.84
10:08 AM
✕
That one didn't take. Try a different source, or send it to me again.
refused · vague-listicle-saved-feb · eval 0.42 · below 0.70
9:14 AM
Yesterday · Mon Apr 27
★
Heard you used the Karpathy backprop one. Good.
recall · karpathy-backprop-explainer · matched grad_descent.py
4:21 PM
·
Noted. The Huberman one matches what you just opened.
trigger ready · huberman-protocols · matched sleep_routine.md
2:58 PM
★
Made one. It'll show up the next time you're working on something it knows about.
made · naval-on-leverage · from naval_pmarchive.html · passed 0.81
11:30 AM
Sunday · Apr 26
▲
Sunday. Karpathy. Three hours. Made one.
made · karpathy-backprop-explainer · from youtube.com/watch?v=… · passed 0.84
8:42 PM
✕
Below 0.70. The vague listicle didn't take.
refused · vague-listicle-saved-feb · eval 0.42
3:15 PM
★
Heard you used the Huberman one. Good.
recall · huberman-protocols
9:02 AM
Activity feed — daily UX of Modal's work. Every event is one of {made, fired, recall, refused}. Voice line is what Modal would say in the moment. Mono context line is the engineering footnote: which skill, which file, what eval score. Lane 2.C