* { margin: 0; padding: 0; box-sizing: border-box; } :root { --bg: #0a0a0b; --bg-soft: #111114; --ink: #f5f5f7; --ink-dim: #a0a0a8; --ink-mute: #6a6a72; --line: #1f1f24; --accent: #4285f4; --accent-2: #ea4335; --accent-3: #fbbc04; --accent-4: #34a853; } html, body { background: var(--bg); color: var(--ink); } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-feature-settings: 'cv11', 'ss01'; line-height: 1.6; overflow-x: hidden; padding-bottom: 5rem; } /* Hero */ .hero { position: relative; padding: 6rem 1.5rem 4rem; overflow: hidden; border-bottom: 1px solid var(--line); } .hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 60% 60% at 20% 0%, rgba(66,133,244,0.18), transparent 60%), radial-gradient(ellipse 50% 50% at 80% 20%, rgba(52,168,83,0.12), transparent 60%), radial-gradient(ellipse 40% 40% at 50% 80%, rgba(251,188,4,0.08), transparent 60%); pointer-events: none; } .hero-inner { position: relative; max-width: 780px; margin: 0 auto; } .eyebrow { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.85rem; background: rgba(255,255,255,0.04); border: 1px solid var(--line); border-radius: 999px; font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; letter-spacing: 0.04em; color: var(--ink-dim); text-transform: uppercase; margin-bottom: 2rem; } .eyebrow .dot { width: 6px; height: 6px; border-radius: 50%; background: #34a853; box-shadow: 0 0 0 4px rgba(52,168,83,0.18); animation: pulse 2s ease-in-out infinite; } @keyframes pulse { 50% { box-shadow: 0 0 0 8px rgba(52,168,83,0); } } h1 { font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(3rem, 7vw, 5.5rem); line-height: 1.02; letter-spacing: -0.02em; margin-bottom: 1.5rem; } h1 .italic { font-style: italic; color: var(--accent); } h1 .grad { background: linear-gradient(135deg, #4285f4 0%, #ea4335 33%, #fbbc04 66%, #34a853 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .deck { font-size: 1.25rem; line-height: 1.5; color: var(--ink-dim); max-width: 620px; margin-bottom: 2.5rem; } .byline { display: flex; align-items: center; gap: 1rem; font-size: 0.9rem; color: var(--ink-mute); font-family: 'JetBrains Mono', monospace; } .byline .sep { color: var(--line); } /* Article */ article { max-width: 680px; margin: 0 auto; padding: 4rem 1.5rem 2rem; } article > * + * { margin-top: 1.5rem; } article p { font-size: 1.075rem; color: #d8d8dc; } article p .lead { font-family: 'Instrument Serif', serif; font-size: 1.7rem; line-height: 1.35; color: var(--ink); font-style: italic; } article h2 { font-family: 'Instrument Serif', serif; font-weight: 400; font-size: 2.1rem; letter-spacing: -0.01em; margin-top: 3rem !important; margin-bottom: 0.5rem; } article h2 .num { font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; color: var(--accent); display: block; margin-bottom: 0.5rem; letter-spacing: 0.05em; } article blockquote { border-left: 3px solid var(--accent); padding: 0.25rem 0 0.25rem 1.5rem; font-family: 'Instrument Serif', serif; font-style: italic; font-size: 1.4rem; line-height: 1.45; color: var(--ink); margin-top: 2rem !important; } article blockquote cite { display: block; font-family: 'Inter', sans-serif; font-style: normal; font-size: 0.85rem; color: var(--ink-mute); margin-top: 0.75rem; } article strong { color: var(--ink); font-weight: 600; } article a { color: var(--accent); text-decoration: none; border-bottom: 1px solid rgba(66,133,244,0.35); } article a:hover { border-color: var(--accent); } article code { font-family: 'JetBrains Mono', monospace; background: var(--bg-soft); padding: 0.1rem 0.4rem; border-radius: 4px; font-size: 0.9em; color: #ffb86c; } /* IKEA card: the metaphor visual */ .ikeabox { margin-top: 2rem !important; background: linear-gradient(180deg, rgba(251,188,4,0.06), rgba(251,188,4,0.0)); border: 1px solid var(--line); border-radius: 14px; padding: 1.5rem 1.5rem 1.25rem; } .ikeabox .label { font-family: 'JetBrains Mono', monospace; font-size: 0.72rem; color: var(--accent-3); letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 0.85rem; } .ikeabox .row { display: grid; grid-template-columns: 28px 1fr; gap: 0.9rem; align-items: start; padding: 0.5rem 0; border-bottom: 1px dashed var(--line); } .ikeabox .row:last-child { border-bottom: none; } .ikeabox .step { font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; color: var(--accent); } .ikeabox .desc { font-size: 0.98rem; color: var(--ink); } .ikeabox .desc .muted { color: var(--ink-mute); } /* Examples grid */ .examples { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-top: 2rem !important; } .ex { padding: 1rem 1.1rem; background: var(--bg-soft); border: 1px solid var(--line); border-radius: 10px; } .ex .tag { font-family: 'JetBrains Mono', monospace; font-size: 0.72rem; color: var(--ink-mute); margin-bottom: 0.4rem; text-transform: uppercase; letter-spacing: 0.04em; } .ex .name { font-family: 'Instrument Serif', serif; font-size: 1.15rem; color: var(--ink); margin-bottom: 0.35rem; } .ex .name a { color: inherit; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.18); transition: border-color 0.15s, color 0.15s; } .ex .name a:hover { color: var(--accent); border-color: var(--accent); } .ex .what { font-size: 0.92rem; color: var(--ink-dim); line-height: 1.45; } .ex.a { border-color: rgba(66,133,244,0.3); } .ex.a .tag { color: var(--accent); } .ex.b { border-color: rgba(52,168,83,0.3); } .ex.b .tag { color: var(--accent-4); } .ex.c { border-color: rgba(251,188,4,0.3); } .ex.c .tag { color: var(--accent-3); } .ex.d { border-color: rgba(234,67,53,0.3); } .ex.d .tag { color: var(--accent-2); } /* Hierarchy table */ .tablewrap { margin-top: 2rem !important; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; } table.hier { width: 100%; border-collapse: collapse; font-size: 0.95rem; } table.hier th, table.hier td { text-align: left; padding: 0.85rem 1rem; vertical-align: top; border-bottom: 1px solid var(--line); } table.hier thead th { background: var(--bg-soft); font-family: 'JetBrains Mono', monospace; font-size: 0.72rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ink-mute); font-weight: 500; } table.hier tbody tr:last-child td { border-bottom: none; } table.hier td.where { font-family: 'JetBrains Mono', monospace; color: var(--ink); font-size: 0.88rem; white-space: nowrap; } table.hier td.scope { color: var(--ink); font-weight: 500; } table.hier td.usecase { color: var(--ink-dim); } table.hier td.dot { width: 8px; padding-right: 0; } table.hier td.dot::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); } table.hier tr.s2 td.dot::before { background: var(--accent-4); } table.hier tr.s3 td.dot::before { background: var(--accent-3); } table.hier tr.s4 td.dot::before { background: var(--accent-2); } /* Feature / pricing-style highlight box */ .featurebox { margin-top: 3rem !important; background: linear-gradient(180deg, rgba(66,133,244,0.06), rgba(66,133,244,0.0)); border: 1px solid var(--line); border-radius: 14px; padding: 1.75rem; } .featurebox .label { font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; color: var(--accent); letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 0.75rem; } .featurebox .pricing { font-family: 'Instrument Serif', serif; font-size: 2.4rem; line-height: 1.1; margin-bottom: 0.25rem; } .featurebox .pricing .num { color: var(--accent); font-style: italic; } .featurebox .pricing-sub { color: var(--ink-dim); font-size: 0.95rem; } /* CTA */ .cta-block { margin-top: 3rem !important; padding: 2.5rem 2rem; background: radial-gradient(ellipse 80% 100% at 50% 0%, rgba(66,133,244,0.18), transparent 70%), linear-gradient(180deg, rgba(66,133,244,0.06), rgba(66,133,244,0.0)); border: 1px solid rgba(66,133,244,0.25); border-radius: 16px; text-align: center; } .cta-block .cta-eyebrow { font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; color: var(--accent); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 0.75rem; } .cta-block h3 { font-family: 'Instrument Serif', serif; font-weight: 400; font-size: 1.9rem; line-height: 1.2; color: var(--ink); margin-bottom: 0.5rem; } .cta-block h3 .italic { font-style: italic; color: var(--accent); } .cta-block p { color: var(--ink-dim); font-size: 1rem; margin-bottom: 1.5rem !important; max-width: 400px; margin-left: auto; margin-right: auto; } .cta-btn { display: inline-flex; align-items: center; gap: 0.6rem; padding: 0.95rem 1.75rem; background: var(--accent); color: #fff !important; border: none !important; border-radius: 999px; font-family: 'Inter', sans-serif; font-size: 1rem; font-weight: 600; text-decoration: none !important; transition: transform 0.15s, box-shadow 0.15s, background 0.15s; box-shadow: 0 8px 24px rgba(66,133,244,0.25); } .cta-btn:hover { background: #2b6fde; transform: translateY(-1px); box-shadow: 0 12px 28px rgba(66,133,244,0.35); } .cta-btn svg { width: 16px; height: 16px; fill: currentColor; } .cta-sub { margin-top: 1rem !important; color: var(--ink-mute); font-size: 0.85rem; font-family: 'JetBrains Mono', monospace; } .cta-sub a { color: var(--ink-dim); border-bottom: 1px solid var(--line) !important; } .cta-sub a:hover { color: var(--ink); border-color: var(--ink-dim) !important; } /* End mark */ .endmark { text-align: center; margin-top: 4rem !important; color: var(--ink-mute); font-family: 'Instrument Serif', serif; font-size: 1.5rem; font-style: italic; } .endmark::before { content: '✦ ✦ ✦'; letter-spacing: 0.6rem; } /* Mobile */ @media (max-width: 640px) { .hero { padding: 3.5rem 1.25rem 2.5rem; } .eyebrow { font-size: 0.7rem; padding: 0.35rem 0.7rem; margin-bottom: 1.25rem; } h1 { font-size: 2.5rem; } .deck { font-size: 1.05rem; margin-bottom: 1.5rem; } .byline { flex-wrap: wrap; gap: 0.5rem 0.85rem; font-size: 0.82rem; } article { padding: 2.5rem 1.25rem 1.5rem; } article p { font-size: 1rem; } article p .lead { font-size: 1.35rem; } article h2 { font-size: 1.65rem; margin-top: 2.25rem !important; } article blockquote { font-size: 1.15rem; padding-left: 1rem; margin-top: 1.5rem !important; } .ikeabox { padding: 1.1rem; } .ikeabox .desc { font-size: 0.93rem; } .examples { grid-template-columns: 1fr; gap: 0.65rem; margin-top: 1.5rem !important; } .ex { padding: 0.85rem 0.95rem; } .ex .name { font-size: 1.05rem; } .ex .what { font-size: 0.88rem; } .tablewrap { margin-top: 1.5rem !important; } table.hier { font-size: 0.86rem; } table.hier th, table.hier td { padding: 0.7rem 0.75rem; } table.hier td.where { font-size: 0.78rem; white-space: normal; } .featurebox { padding: 1.25rem; margin-top: 2rem !important; } .featurebox .pricing { font-size: 1.9rem; } .featurebox .pricing-sub { font-size: 0.88rem; } .endmark { font-size: 1.2rem; margin-top: 2.5rem !important; } .cta-block { padding: 2rem 1.25rem; margin-top: 2rem !important; } .cta-block h3 { font-size: 1.5rem; } .cta-block p { font-size: 0.95rem; } .cta-btn { padding: 0.85rem 1.4rem; font-size: 0.95rem; width: 100%; justify-content: center; } .cta-sub { font-size: 0.78rem; } }
Essay · 2026-07-30

You learn by watching. What if you could watch yourself?

Observational learning says we pick up skills by watching someone else do them first. That someone else has always had to be another person. AI just removed that constraint, and I think the consequence is bigger than a party trick.

Sounds crazy, but who knows. This one is a theory, not a finding. I want to be upfront about that, because the interesting part is not something I can prove yet. It is something I noticed while watching how AI systems actually learn, and then wondering whether the same thing runs in us.

Start with the boring version. Observational learning is the idea that you can acquire a skill without doing it yourself. You watch someone else do the thing, and something transfers. Not the muscle memory, but the shape of it. What the sequence looks like. Where the hands go. What it looks like when it works.

This is not controversial. It is most of how you learned to cook, drive, hold a tennis racket, or speak your first language. You watched, then you tried, and the watching made the trying shorter.

01Machines do this now, and it is strange to watch

The reason this got interesting to me is that AI does it too, and it does it in a way that is uncomfortably familiar.

Robots can watch a large pile of ordinary video, the same YouTube clips you would watch, and then perform the physical task. Nobody hand-coded the motion. Nobody teleoperated a demonstration for every variation. The system understood the task through passive observation, which even a few years ago would have sounded like a stretch.

Understanding through passive observation. No practice, no attempts, no feedback loop. Just watching, until the shape of the task is learned.

That is a real capability, and it maps onto something we already believed about ourselves. Which is what made me ask the next question.

02The constraint nobody noticed

Here is the thing about observational learning as it has existed for all of human history: the person you watch is never you.

You watch a teacher, a professional, a friend, a stranger on the internet. Someone who is already good. And somewhere underneath the learning there is a quiet gap you are always aware of, which is that they are the kind of person who can do this and you are still deciding whether you are.

AI-generated video removes that gap. Not by making you better. By changing who is in the frame.

You can now watch a realistic, nearly indistinguishable version of yourself singing. Speaking confidently to a room. Playing an instrument. Dancing without looking like you are counting. Doing the specific thing you have privately decided you are not the type of person to do.

And soon it will not be a six second clip. It is not a big leap to entire simulated stretches where you watch yourself living with an ability you do not have yet.

03The actual theory

So: can we use this to learn faster?

My theory is narrow, and I want to keep it narrow, because the wide version is nonsense. The wide version is "generate a video of yourself playing piano and become a pianist." That is not what I am saying. Nothing about the AI version of you doing something transfers any skill to the real you. It did not learn. Its fingers are not your fingers.

The narrow version is about belief.

A lot of the things we never learn are not actually beyond our ability. We simply never seriously attempt them, because we cannot picture ourselves as someone who does that. The block is upstream of the practice. It is at the point where you decide whether to start.

So what happens when the picture stops being something you have to imagine, and becomes something you can watch?

04The paradox

This is the part I keep turning over.

The artificial version of you performs the skill first. It gets there before you do, and it did not earn it. But the belief that creates might be what gets the real you to eventually earn it.

Confidence goes up. Fear goes down. Motivation improves. And most importantly you become more willing to practice badly at the start, which is the actual filter on almost every skill anyone gives up on.

None of that is magic. It is the same mechanism athletes have used forever under a different name. Visualization, mental rehearsal, seeing the shot before taking it. That is well-trodden ground and it works.

What is new is that you no longer have to be good at imagining it. The imagining was always the hard part, and it was never evenly distributed. Some people can vividly picture themselves succeeding and some genuinely cannot. AI makes that step external, and therefore available to everyone.

05What I actually think

I am not claiming this works. I am claiming it is testable, and that nobody has really tested it, and that the setup cost is now close to zero.

The honest failure modes are easy to name. It might produce satisfaction instead of motivation, the way watching someone else's workout does nothing for you. It might make the gap between the polished version and your first ugly attempt feel worse, not better. Both are plausible and I would want to know.

But the framing I keep landing on is this. We have been treating AI as a thing that teaches by handing you information. Explanations, answers, instructions, summaries.

Maybe the bigger lever is that it can teach by showing you who you could become.

Coming next

Get the next one in your inbox.

I write about the AI tools I'm testing, what just shipped, and what's actually worth your time. Weekly, no fluff.

Subscribe to the newsletter

Or join the community of AI builders and creators. DMs, AMAs, and behind-the-build.