David T Phung, Grok in the Timeline
The proposal, end to end

The breakdown.

Grok in the Timeline does one thing: turn Grok into a layer over the X feed. Everything else - the prototype, the visual board, the connectors, the steerable algorithm - is opt-in.

"We need to stop talking about product design in absolutes. There are no rules. Everything is made up. Do what makes sense and feels right."

Benji Taylor, design lead at X, xAI
01

The thesis, in one sentence.

Grok shouldn't be a tab. It should be a layer over the timeline. Every page on this site argues some part of that idea. The whole proposal collapses to this thesis: the right place for an AI inside a social product is anchored to the artifact that prompted the question, not in a separate room.

The argument, visualized Replay
Andrej Karpathy @karpathy, 2h
Scaling reasoning at inference: depth vs width is a clean separation nobody is exploiting yet.
Ask Grok about this
02

A tab competes with the feed. A layer earns its place inside it.

The standard pattern for an AI feature is a tab in the top nav. That model fails because every interaction with the AI becomes a context switch. The user has to leave the artifact they were curious about, copy intent across, lose their place. The layer model anchors Grok to each post, and the user never leaves the scroll.

Two models, same content
Tab, the destination model
Home Grok Explore Notifications
Grok is somewhere else. Going there is a context switch.
Layer, the corner-button model (what X shipped)
A post you're reading ···
A post you're reading ···
Another post ···
Grok lives in the corner of every post, next to the overflow menu.
03

Answers stream in. Reading speed matches generation speed.

Grok's answer starts appearing within 400ms of the tap, and completes inside 1.5 seconds. The user begins reading before the model finishes generating - perceived latency drops by roughly 60%. Same trick Cursor and ChatGPT use. Works because reading speed is approximately equal to token generation speed.

Inline answer, streaming Replay
Andrej Karpathy @karpathy
Scaling reasoning at inference: depth vs width.
Grok, thinking
04

Sources fade in. Confidence shows itself.

Once the answer lands, source chips fade in one by one and a confidence indicator renders explicitly. Hidden uncertainty is dishonest. Showing it builds the calibration loop users need to know when to trust the system - and when to double-check.

Sources and confidence Replay
Grok
Andrej is distinguishing depth (more steps per attempt) from width (more attempts in parallel). Width is under-allocated relative to its returns.
DeepMind, 2025 arXiv:2501.04123 @karpathy thread
High confidence, grounded in 3 sources
05

Connectors render live data inline. Bloomberg, NBA, Polymarket, Kalshi.

For live events, the answer doesn't stop at text. Game stats animate in from typed data feeds. Prediction-market odds render side-by-side, sourced from Polymarket and Kalshi. A connector is not an embed. An embed is a third-party iframe with different brand, latency, and trust. A connector keeps the answer inside one monochrome surface.

Western Conf Finals example Replay
ESPN @espn, 18m
WCF Game 5 final: OKC 118, DEN 110. Thunder lead the series 3-2.
Grok, with live connectors
SGA averaging 33.4 PPG this series. OKC is 18-2 in elimination-eligible playoff games over the last two seasons.
SGA TS%
0%
OKC OffRtg
0
Polymarket OKC wins series
+12
Kalshi Series goes to 7
+6
06

One layer, every domain. Stocks, sports, awards, elections.

The same Grok layer fires across every content domain - stocks ($NVDA earnings with Bloomberg connector), the Super Bowl (NFL Next Gen Stats), the Oscars (Box Office Mojo, settled markets), the World Series (Statcast), elections (live presidential odds), or just the general feed. One interaction model. One design language. Different data underneath.

Topic cycling, auto-play Replay
Trending across X
Mixed feed
WCF Game 52.4M posts
The Quiet Hours847K posts
xAI Colossus 2312K posts
07

Tune the algorithm in plain language. Diff before apply.

Letting users steer their feed by talking to Grok is honest in a way no social product currently is. The mechanism is the diff - the user sees exactly what Grok will change before they commit. Letting Grok silently update the algorithm is the same product mistake as the black-box ranking everyone resents.

"Less NBA, more design" Replay
Grok proposes
NBA22% → 8%
Design14% → 28%
AI research28% → 38%
Apply
Cancel
08

What I refused to do.

A list of refusals is the cleanest possible signal of taste. Every line below is a pattern I declined on purpose. The strikes fire as you scroll past.

Six decisions, made on purpose
  • No purple, no shimmer, no AI glitter. The X brand is monochrome. Grok lives inside it without adding chrome.
  • No Grok tab in the top nav. A tab is a destination. A layer is infrastructure.
  • No verdict on factual claims. Grok surfaces context with sources. Community Notes does fact-checking with governance.
  • No silent algorithm changes. Tune always shows the diff before apply.
  • No embed widgets. Connectors render inline in Grok's surface so the data feels native, not bolted on.
  • No onboarding flow. If a feature needs onboarding, the affordance isn't obvious enough yet.
09

How to read this site, by role.

Pick the entry point that matches what you're trying to evaluate.

  1. You're a designer or design lead. Open Screens, then How it works. The visual rationale lands fastest in those two surfaces.
  2. You're a PM or product lead. Open the Spec doc, then jump to the rollout and metrics sections. Then skim Process to see what got killed.
  3. You're an engineer. Open the prototype, click around. The decision tree in How it works is the system spec.
  4. You're at xAI evaluating this resume. Read the about page. Written for you specifically with the 90-day plan and calibration stats.
  5. You just want the bet, in one sentence. Grok shouldn't be a tab. It should be a layer. Everything else is detail.
10

Try it.

The whole site lives at grok.davidtphung.com once DNS finishes propagating (see DOMAIN.md). The prototype is the fastest way to feel the design.