Dear readers,

The following is a pinned post. Hoctro's Place (Góc Học Trò) is a place for me to deliver my past, present, and future thoughts about music and about my "vibe-coding" experiences with Claude Code, tips and tricks, so to speak. It's also a place to post my collaboration with Claude Code, ranging from supervising it to write analysis essays about prominent Vietnamese musicians such as Phạm Duy and Trịnh Công Sơn, to everything else that I find interesting.

For me, Claude AI's analysis essays are so in-depth and showing many new angles and prospective, it would be wasteful not to share with the world. It is a collaboration, because just like "vibe-coding", I might have not written the words, but I was the one whom conveys the original ideas, supplies the documents for Claude to research from, reads and corrects hallucinations, and gives final approval for the analysis.

2.21.2026

From Cat Wu: Anthropic Code with Claude

 



Anthropic Code with Claude Keynote

Cat Wu, Product Manager for Claude Code, demonstrates how Claude Code transforms development workflows — taking a complex, multi-day feature request and shipping it in a single conversation. Featuring a live demo of Claude Code building a table component for Excalidraw, plus announcements of IDE integrations, the Claude Code SDK, and Claude Code on GitHub.

From Anthropic — "Code with Claude" launch event.
Presenter: Cat Wu, Product Manager for Claude Code.
Introduction by: Mike Krieger, Chief Product Officer, Anthropic.



Introduction — Mike Krieger's Handoff

MIKE KRIEGER: Today we stand at a major threshold. Our latest models combined with all the latest tools that we've released are giving the seeds of a new era. The future isn't about AI doing human work. It's about AI helping humans do superhuman work. And I'm really excited to build this vision together with you, and I can't wait to see the kinds of applications it powers for all of your companies.

And to show you what's possible, I'm next going to hand the mic to Cat Wu from our product team to demonstrate how accessing our new models inside Claude Code transforms your development workflows — helping you ship complex multi-day tasks in a single conversation. Welcome again to Code with Claude, and thanks again. Hope you enjoy the rest of your day.

[Applause]


I. Claude Code Is Generally Available

CAT WU: Hi everyone, I'm Cat Wu, product manager for Claude Code. As Mike mentioned, we recently launched Claude Code, our agentic coding tool, in research preview. Claude Code gives developers direct access to the raw power of Anthropic's models right where they work — in their terminals.

As of today, Claude Code is generally available.

Throughout computing history, we've continually moved to higher levels of abstraction — from machine code to assembly to high-level languages. With Claude Code and increasingly agentic models, we're witnessing another step forward. Developers are shifting from asking for specific functions to describing entire features, guiding AI, and changing how software is built.

Today, we're bringing the new Claude 4 models to Claude Code, making it an even more powerful and capable coding agent.

[Applause]


II. New Features: IDE Integration, SDK, and GitHub

CAT WU: And on top of new models, we're releasing several new features in Claude Code, focused on making it a more versatile coding agent across your whole dev lifecycle.

First, Claude Code now integrates with VS Code and JetBrains, bringing it to familiar interfaces for millions of developers. As Claude Code works, you can now see its proposed changes inline in your editor.

We're also releasing the Claude Code SDK, which allows developers to use Claude Code as a building block in your applications and workflows. The possibilities are endless with the SDK.

To showcase these possibilities, we're releasing an open-source example of the SDK in action with Claude Code in GitHub. You can tag Claude directly on pull requests and issues in GitHub, and Claude Code will respond to reviewer feedback, fix CI errors, and add new functionality.

With these additions, Claude Code now works everywhere you do, acting as a virtual teammate across all surfaces. In the terminal for deep development work, in remote environments like GitHub for automated workflows built on the SDK, and in the IDE for seamless review. All in all, Claude Code is a versatile coding agent for accelerating development wherever you are — whether you're working directly with Claude Code interactively or using it asynchronously.


III. The Demo — Building a Table Component for Excalidraw

CAT WU: Great. My favorite part. Let's see what these updates look like in a demo.

I'm going to show Claude Code tackling a real dev task in a product that many of you are familiar with. We'll use Excalidraw, an open-source whiteboarding tool, and ask Claude Code to implement one of their most requested features — adding a table component.

How many of you have gotten that feature request that's been on your backlog for ages that you know your users would love, but you just haven't had the time to build? This is the kind of task that we can handle much faster with Claude Code.

Normally for a task like this, I would set Claude to work, make some coffee, catch up on email and Slack, and come back when the outputs are ready. But I only have 10 minutes with you all today. So, let's show a sped-up but real workflow.

Here's the Excalidraw repo open in VS Code. Let's write a prompt to tell Claude Code our requirements. We'll ask Claude Code to add a table component that supports custom dimensions, drag to resize, and all of Excalidraw's other styling options.


IV. Claude Code at Work — 90 Minutes in 10

CAT WU: Here's where it gets exciting. Claude Code will first create a to-do list for how it'll approach the entire problem. Then we can see that Claude Code will start to explore the codebase, starting with the file that we already have open for context.

The best part of the IDE integration is the ability to see diffs inline in the editor. This way you can see the surrounding code for more context, so you can accept changes with confidence or give Claude Code feedback.

We can approve each edit as Claude Code works, or we can let Claude Code continue making edits with auto-accept mode, letting us balance visibility and control. In this demo, we gave Claude Code the ability to make edits, run lint and tests, and make PRs.

So, Claude Code worked for 90 minutes on this task. I wish I could show you the whole thing, but we need to speed things up. What you're seeing is actual, unedited output from Claude Code.

An hour and a half later — and it's done. It added table functionality, wrote tests to validate the change, and iterated until lint and tests passed. This normally required us to understand the codebase architecture and how every single other tool was implemented. In this case, Claude Code is literally doing hours of work for us.

Pretty impressive, right?


V. The Results — A Fully Functional Table

CAT WU: Now, let's run Excalidraw locally and just make sure the feature works as we expect. Let's check that we have a fully functional table component by making a three-row by three-column table.

Great. We can reposition the table. We can drag to resize. We can change the border pattern and color. And we can add text to cells. This also integrates with Excalidraw's existing UI.

All of this was done with one prompt in Claude Code.

[Applause]


VI. GitHub Actions and the Claude Code SDK

CAT WU: Next, we'll ask Claude Code to use the GitHub CLI to create a pull request for this branch.

Cool. Let's click in. Now we have our pull request. This is where the Claude Code SDK shines. It lets us build custom workflows on top of Claude Code, including through GitHub Actions.

For this PR, I'd like to update the docs. Instead of going back to the IDE, we can just tag @Claude and ask it to update our documentation for us. Behind the scenes, this triggers a GitHub Action that runs Claude Code. Claude comments on the PR as it works, and it'll make a commit for us when it's done.

You can also tag @Claude on a GitHub issue and it'll make a PR for you there.

With this feature, Claude Code meets users on even more surfaces where they're already working. Devs no longer need to context-switch in their local environment, and you can even kick off runs on the go. This is all built on the Claude Code SDK.

Beyond powering GitHub Actions, we've seen customers do incredible things with the SDK, including running many Claude Codes in parallel to fix flaky tests, increase test coverage, and even do on-call triage.

Cool. It looks like the action is done running and we can see Claude Code updating its comments to let us know what it did. Let's click into the commit and see Claude's changes. It updated the documentation for us in our PR and committed it — without us having to do a thing.


VII. Availability — Everything Ships Today

CAT WU: In just 10 minutes, you've seen Claude Code tackle a complex task that would have taken days to implement manually — writing hundreds of lines of code, integrating seamlessly with Excalidraw's existing features, and doing hours of work for us.

All of this is available to you today. Claude Code in GitHub Actions, powered by our SDK, is available in beta — and you can install it by running a simple command on the screen within Claude. The VS Code and JetBrains IDE extensions are also live in beta. Just run Claude from your IDE to install.

Last but not least, our latest models — Claude Opus 4 and Claude Sonnet 4 — are available to Claude Code users today.

[Applause]

Claude Code shows what's possible when AI can truly understand and work with code. To build powerful agents — whether coding assistants or applications in any domain — you need more than just intelligent models. You need the right platform.


Transcript source: Anthropic — "Code with Claude" Keynote. Cat Wu Demo, Product Manager for Claude Code. Formatted for readability. Auto-caption errors (Quad/Cloud → Claude, Excal → Excalidraw, enthropics → Anthropic's) corrected.