Video yükleniyor...
Video Yüklenemedi
Another example. I was migrating my personal website from one framework to another, and Claude wrote a script that did it — something like this. But it was very hard to review: I wasn't familiar with the new framework, and all I could say was "I guess that looks... show more
17,892 görüntüleme • 2 ay önce •via X (Twitter)
38 Yorum
Last year I was coding a Prolog interpreter and struggling to intuit what was happening inside. I worked with an agent to build this debugger, which let me step through the execution of my logic language — scrub through time, see what's on the stack and which rules are evaluated at each step. I could even leave comments for myself ("nice, we correctly applied that rule"). There's a big difference between making a tool for me to debug and letting the agent debug — doing it myself is how I develop understanding along the way. 27/
(Apparently twitter has a 25-tweet limit for the thread composer. I'm just gonna keep replying here with more slides until I have to board my flight!! 26 and onward!)
Papert had this beautiful idea he called living in Mathland: if you want to learn math, live in Mathland — just like if you want to learn French, you go live in France. Could we build an environment where children learn math naturally, as a consequence of their curiosity? So how do we apply that to code? Can we make worlds you inhabit and naturally intuit how the system works and how it's changing? 25/
Next idea: micro-worlds. This one's inspired by the visionary educator Seymour Papert. 24/
OK, so that's explain-diff. Here's the skill if you want it: two variants that output either HTML or Notion page. 23/
I think of this as a speed regulator. Working with AI, it's easy for the loop to run faster than the speed of human understanding. The quiz is a counterbalancing force: I mechanically ask "do I actually understand?" so that I can remain a full creative participant. 22/
I do something similar with my code explainers now. At the bottom of an explainer there's an interactive quiz — five questions about the change — and I try to answer them. My rule: I won't send code to others until I can pass the quiz, and I do the same when reviewing others' code. 21/
There's only one problem: reading is hard work 😅 As @andy_matuschak says: "books don't work"! It's too easy to fool yourself into thinking you did the reading when you really didn't retain or understand. How do we fix this? I took inspiration from Andy and @michael_nielsen 's work on embedding spaced repetition quizzes in essays. 20/
The end result of all of this is a nice explainer packet. I still read the code diff but I always read this first. Sometimes I'll print these out and take them to the café — less distracting. It's beautifully ironic: AI turns an interactive activity into a static paper report I can focus on deeply :) 19/
We finally get to the code. But a typical diff is a pile of files edited in alphabetical order with no explanation. A "literate diff" as I call it is structured as prose — walking through the changes in a sensible order, with surrounding explanation and embedded code snippets. Faster to review than a raw diff. 18/
You can also build intuition with interactive figures. Here I'm understanding the isometric perspective by dragging rocks around the garden and watching their coordinates move. This is using a new feature Notion just shipped today actually, you can now embed interactive HTML inside pages. 17/
Second principle: intuition before details. Before any code, it states the goal — "make the garden feel three-dimensional with 2D drawing tricks" — and explains related concepts, like what isometric projection is. All of this builds my intuition for the essence of the change. It's catching me up as the human so I can be an equal participant in understanding. 16/
First principle: teach me background info! Before we even get to what changed, help me understand what was already there. In this case, teach me about the game engine. 15/
Here's one answer. I made a skill called /explain-diff, which I use every day and many coworkers have found valuable. It outputs thoughtfully structured code explainers as HTML, markdown, or Notion docs. (Notion is a good place for collaborating on and discussing these explainers as a team) Let's see what's in one of these explainers, using an example of editing the perspective of a video game. 14/
But what if we ask: What would the best explanation be? If you had a team — human or AI — that really sweat the details of explaining something well to you, how would that feel? 13/
Whenever an agent finishes some work, it's an opportunity for an explanation — an artifact. Most naively, we can read a code diff: the raw material that changed. 12/
Today I want to share three techniques that show how we can attempt this. First: explanations. What makes a good explanation? 11/
OK, so fine, understanding matters. But this raises the next question: how? How do we build this human understanding when we're working with AI and moving fast? Well, turns out this is not the first time anyone has ever thought about how to communicate understanding. I think we can look to education as an inspiration. Can we steal the best ideas ever invented for education and apply to this problem?? 10/
BTW, this relates closely to the idea of Cognitive Debt popularized by Margaret Storey and @simonw. It's like tech debt: you can get away with not understanding what's going on in the short term, but it'll bite you eventually. 9/
It's never just one loop! A project is many, many loops with the agent. And the understanding you have of the system is part of your ability to come up with the next idea to evolve it. You need a rich set of concepts in your mind to think creatively and fluently about how to move something forward. If you're lacking that fluency, your ability to participate in the project is meaningfully limited. 8/
That's where another answer comes in: we can understand to participate. You can learn what the agent is doing to make sure you can be an active participant in the creative process. Here's why this matters... 7/
Here's the thing: the agents are getting better and better at verifying their own work. And this is good! I like it when my agent doesn't make mistakes. But hmm. Where does that leave us humans? 6/
One possible answer: we understand to verify. We check the agent's work, we see if it's correct. Correct can mean many things: does it match the spec, is it well architected... but it's fundamentally a thumbs-up / thumbs-down question. 5/
Why? Why understand? Aren't we supposed to be taking ourselves out of the loop now, and letting the agents loop themselves? As the agents get smarter, doesn't it become less important for us to be in the details..? I think many people -- even those who are pro-understanding -- have a slightly incorrect answer to this question! 4/
Most of this thread will be about techniques I have found helpful to understand systems my agents are building: > Code explaner docs > Quizzes to check my understanding. > Micro worlds that I can play with to understand the system. But first we have to ask a more basic question... 3/
Agents are writing more and more code for us, and we all know it's getting harder to keep up. But the good news is: there are many ways to understand code! Reading diffs line by line is not the only way. 2/
Hot take: I think it's still important to understand the code that our agents write! In this mega thread (based on my AIE talk today), I will explain why that's the case, and show some ideas for how to efficiently understand code. Alright, let's dive in. 1/
The point here is that agents can write bits of code that help us humans understand other code. This is a big deal! 29/
Alright, last technique: Shared spaces. So far this has all been about understanding solo... but when you're working on a team, you need to understand TOGETHER. 30/
When you and someone else hold the same mental model, you can communicate efficiently. You have a shared vocabulary that evokes the same images. so you can jam and riff and have creative conversations. Without those shared structures, those conversations are much harder. I'm really excited about creating shared environments where teams build that understanding together. It's kinda what Notion is all about too. 31/
Recently in Notion we've been shipping tons of new features for humans and agents to work together, so your whole team develops a shared understanding instead of each working in a silo. One tiny example: as of last week you can run Claude and Cursor agents in Notion. I do a lot of my coding that way now. And when those agents makes a technical plan in Notion, it's in a collaborative page by default, so I can comment on it with my team and discuss immediately. Thinking together, not alone! 32/
Alright, let's wrap up. Today we've covered some techniques that were about understanding code... but actually I think this is a much bigger issue. It's still important for humans to understand how things work in general! Not just to verify, but to participate. And surprise surprise, this is not a new idea. It harkens back to the very origins of our field of computing... 33/
50 years ago @NotAlanKay envisioned that computers could be a new medium, better than the book, for teaching people — especially kids — how to think about the world. In this picture, it might look like these kids are watching YouTube on an iPad, but they're not. They're playing an interactive game and editing the code as they play it to get a better understanding of physics. This was 50 years ago!! 34/
And now hopefully you understand this meme. The point was always to augment, not just automate. It's beautiful that AI now makes creating simulations so accessible... Having AI teach us is one of the greatest possibilities computing has ever opened up. 35/
This makes me very optimistic about the future! If we build the right tools, we can now understand the world better than we ever could before. We don't have to merely take ourselves out of the loop, we can get deeper in the loop too. It's up to us. FIN 36/36
And for anyone who doesn't want to click through a 36-tweet thread, here is a blogpost version of the talk 😅
Video of this AIE talk is up!
Like Brett Victors inreractive concept explanatory min-demos but for the specific sub-field of composing new software. Very useful. …
