From the course: Build with AI: Beyond Pair Programming with AI

Unlock this course with a free trial

Join today to access over 25,600 courses taught by industry experts.

Artifacts (Claude)

Artifacts (Claude)

From the course: Build with AI: Beyond Pair Programming with AI

Start my 1-month free trial Buy for my team

Artifacts (Claude)

“

- [Instructor] When I say AI chat app, chances are, the first thing you think of is OpenAI's ChatGPT, but it's not the only option. Claude is another very good option. In fact, many developers swear by Claude as a better option for generating code. In addition to that, Claude has a really interesting feature that ChatGPT does not have, as of this recording. Let me show you what I'm talking about. In Claude, I'm asking it to spin up a simple React webpage using TypeScript that has a location input field. When I submit a location, the system should go look up a weather service, get the current weather, display a card with the location name, current temperature, and wind speed, along with an icon indicating the current weather. Let's see what Claude does with these instructions. Did you notice that? First, it generated all the code necessary for this webpage and its components to work, then it spun up the code in a separate tab. This is React running inside Claude, based on the code…

Contents