Exercise: Coding AI Interfaces

This week we’ll be building on our previous coding experience to create AI-powered applications that use Claude’s language processing capabilities within web interfaces. This gets to the heart of the current AI-hype cycle - AI is being added to everything - but it also lets us think about how this technology changes our interactions with web applications in fundamental ways. The key difference this week is that instead of building rule-based systems (like our previous recommendation engine that counted ratings), you’ll be building applications that use AI to interpret user input and generate personalized responses. This hands over a lot of the control to the model - in this case, Claude.

After this week, you won’t need your Claude subscription, so feel free to cancel it to avoid an additional charge! However, you might find it useful while working on the remaining assignments, or if you run into trouble with your GitHub Copilot educational access.

Rebuilding Your Recommendation System

Start with the same concept you developed next week - so for me, I stuck with science fiction, but didn’t try to curate data at all. Here’s the prompt I used to build the sample AI-powered sci-fi recommender for this week:

“Let’s build an AI app to recommend science fiction books. It should take the user’s thoughts on five random books as a couple of sentences, parse that, and then recommend a different book to try.”

Week Ten Sample

The keyword here is “AI app” - that indicates to Claude you want to use the AI application development features Anthropic has recently introduced. Basically, you’ll be building a wrapper for Claude.

You’ll be able to get results alarmingly fast here, so try refining them and poking at the output. For instance, I decided to take advantage of natural language processing here and provide a few sentences on the random books - you might try something totally different. Also, you can ask for different designs and interface concepts. Just describe what you want as concretely as possible. Once you’ve completed your AI-powered application, publish it using Claude’s artifact sharing feature.

Discussion

Share the link to your AI-powered application along with reflection on the development process. Here’s a few questions to think about with this type of tool: