Dive Club 🤿 — How Claude Code’s lead designer builds with AI

Source: YouTube Channel: Dive Club 🤿 (64700 subs) Duration: 12:18 Views: 28638 · Likes: 575 Video: Watch on YouTube

During Dive Club Live in NYC we got to hear from Claude Code’s lead designer, Meaghan Choi. She shared a demo of how the team at Anthropic uses Claude Code and there are a lot of practical takeaways šŸ‘€

Dive is where the best designers never stop learning 🤿

🌐 dive.club 🐦 twitter.com/joindiveclub

Now you can join advanced courses taught by the top designers to help you take a huge leap forward in your career šŸ’Ŗ

Key Insights

What I’m actually going to show today is what I would consider a pretty practical demo of some of the workflows that I think will help up level people who are using Claude code. >> [clears throat] >> The way I like to describe it and in some of my experience so far in the industry, we’re kind of operating in like these really compressed time horizons, but the way that we work at Anthropic because we just have access and we’re playing all the time and all day, it feels like we’re like always looking for the next way to work and make ourselves more optimal. And so I’m going to show some of the things that have become really popular internally for how we work and hopefully this will all help you up level. One thing I’ll call out is that I am a CLI die hard. Like I’ve designed the CLI. Like Claude is in there. I think it’s just like like I used to design CLI products even before AI, so know that like this is not how you need to work that the desktop app is much more accessible and like you can do everything that I show today on the desktop app as well. But um this is going to be on an open source repo. Does everyone know what Excalidraw is? Does anyone know what it is? It’s like a Yeah. Excellent product. Super great that they’re open source. You can always contribute. If you actually want to practice, they’re really great one cuz they have a great backlog of issues and a pretty open community. First tip, if you don’t know it, is that you should always be starting your work in a work tree. Does everyone do this or does anyone know what this is? All right. So work trees are pretty complicated and generally I don’t think you need to know what they are, but all you need to know is that if you have a local source of your repository on your computer and you want to run multiple Clauds at once, you might have run into the issue where your Clauds start conflicting with each other and you’re doing one thing in one and another thing in another and they’re overriding each other and they’re competing, work trees keep makes an isolated copy of your repository so that you can do multiple parallel tasks. So if you find yourself having multiple windows open and doing multiple things at once or you see your engineers who have four or five Clauds open, know that they either have multiple copies of the repository on their laptop and they might call it like repo one, repo two, repo three or or using work trees. And I recommend work trees cuz it’s a little bit easier to manage. And to start it up, you just do Claude {dash} {dash} worktree. And so you can kind of see in the branch there, it’s in a worktree and it already checked out a new branch for me. So, pro tip number one, if you’re multi-Clauding, use worktrees. The second pro tip I’ll give, I know not everyone has access to this, depending on your organization, so I just say like I am always in Opus 1 million contexts, just so you don’t have to think about it. And then I am always in fast mode. Uh [laughter] yeah. So, once again, I know it’s not accessible to everyone. And I am going to do this so that we can fast forward through the demo a little bit cuz I only have 15 minutes, but I do think that it does, you know, it does make a little bit of a difference. Okay, and then I’m a big typewriter. Claude is actually really good at getting typos if you type them, but uh I put this here so that y’all could see it. This is a prompt that I’m just going to get Excalidraw to add a new autocomplete feature. That’s it. No design specs, no just like I want to add autocomplete, I want to see what it looks like. A few things I’m going to call out here that I think are important when you’re prompting. The first is I built myself a slash prototype skill. I asked Claude to build this, you could build it in like 2 seconds. All it does is get Claude to generate uh n number of options, default to five, of a different implementation of a feature, generate an HTML file, preview it, and then iterate on it

Transcript continues…