The case study makes the argument. The prototype lands the demo. These pages are the receipts: the visual board, the 1,000-variant design space, the alternative console prototype, the underlying spec, the process notes, the build log, and the research I ran on this site itself.
X-style feed. Corner Grok button, tooltip menu, live ticker, breaking-posts pill, topic explorer. Everything clickable.
The everything-app sports experience: tap into Spurs vs Knicks Game 5 and get a live curated timeline, real ESPN score and play-by-play, a watch-party chat, your True Friends watching, and a one-tap Grok game brief. Simulate it going live.
The evolved prototype with real Grok: vibe ranking + dynamic "why Grok surfaced this", a Trust Weave network, Quality Shield against clickbait, a live Recoupling Dashboard, and a Creator View. Connect your xAI key to go from simulated to live.
Recouple followers to views. Star the accounts you trust, never miss them, and let Grok curate your circle by vibe across 2nd and 3rd degree ties. Full spec plus working demo, built on the open-source algorithm.
The prompt-first answer surface. Visible search steps, inline citations you can hover, Big Charts you can tap and expand, related questions, follow-up threading. Includes a 9-step design walkthrough.
The full app prototype, inside X's new History tab. Connect → Grok scans 847 bookmarks → themed collections → review mode with a second-brain chat. Drag-drop, notes, weekly digest, the works.
The lighter sibling of Grok Organize. Grok clusters your saved posts by theme and catches you up on each. Connect your real X account or browse the sample.
The alternative: a command center instead of a feed. Topic tiles, persistent Grok bar, keyboard-first.
Nine-step animated walkthrough. Sticky phone on the left, step rationale on the right. Plus the decision-tree SVG.
Procedural design space for the Grok affordance. 5 winners, 12 killed, one Today's pick rotates daily.
Density × theme × sidebar × topic × time. The whole prototype, sampled 1,000 ways. Today's pick rotates.
Figma-style board. Every high-fidelity mock, annotated. Resting + active states, mobile + desktop.
Master file. Today's snapshot, what's verified live, what's next. Start here.
14 days, five versions. What shipped, what got cut, why. Latest pulses at the top.
Product requirements. Goals, six insertions, metrics, five-phase rollout, risks, open questions.
Thesis, audience, principles, six insertions, risks, metrics, rollout. The doc that survives the disagreement.
WCAG 2.1 AA across 17 pages. 17 of 17 pass. Zero outstanding remediation.
A faithful, interactive recreation of how X ranks the For You timeline, grounded in the open-source the-algorithm repo: real candidate sources, the real heavy-ranker feature set and weights. Grok explains why each post is where it is.
The complete, honest description of how this project uses X's data and API. Read-only, single-user, no database, no third-party sharing. Portal-ready.
Five-persona critique of this site, by me. Pattern recognition, blind-spot analysis, roadmap.
What I killed, what I tightened, what I almost got wrong. Honest and structural.
Build log. Twelve phases, page inventory, tech decisions with the reasoning behind each.
Verbatim critique from a real user on an adjacent project. The "flip the script" principle, applied.
Selected previous projects. Frames this case study inside a longer trajectory.