4. Claude "vibecoding"

In this assignment you will create a working computer game based on your assigned fiction. Or rather, you will have Claude create one for you. You don’t have to know anything about how coding works - you just have to feel the “vibe”.

First, think about what sort of game you’d like to make. I have some suggestions below for each piece of fiction, but feel free to come up with other ideas. If you’re really stuck for ideas (or if the idea you’re working on just isn’t coming together) you could do a text-based adventure game, or a point-and-click walking simulator, or a version of Tetris that uses visual elements from your story. You aren’t going to be able to make something that uses modern graphics or especially fast-paced action, but you can probably make something like one level of a classic 1980s video game.

Start a new chat window in Claude and describe the type of game you’d like to make. If it’s not familiar with your fiction, you might upload the text. Claude might have suggestions about how to make the game feasible, or might be able to help you brainstorm additions to the game or alternate versions of it. It might ask you some questions, or might just get started coding. Once it’s going, it could take a couple minutes - you might want to do something else, and tell Claude to notify you when it’s ready for you to check.

When it gives you something, tell Claude what you want to make it better. Maybe it’s unclear how to even get it started - you can ask Claude to explain. Look at the interface - does the program have all the buttons you want it to have? Does it have any buttons that it shouldn’t have? Do you like the colors or the fonts or the way it’s displayed? Do things move too fast or slow? Would you like to change how things are organized, or how you interact with it? Tell Claude how you’d like that changed and see if you can get it to look the way you want.

You might run into usage limits while you’re doing this - in that case, you can either wait 5 hours until it resets, or you can download the html file it has made so far (“download” might be hidden behind the three dots in the upper right corner), create a new free account (maybe using a new throwaway e-mail), and start a new chat, uploading the html file from before, and explaining what you were trying to get it to do.

Before you submit the final version, consider if a random student looking at this program will know what it is and how to use it - if there’s some explanation that would be good to include, tell Claude what that explanation is, and either have it display it on the screen, or pop up in an info button, or something else.

Once you’re done, click the “Publish” button at the top, and copy the link it provides to the working program, and submit it here. (Note that if you make any changes after this, the link still goes to the old one, so select “Publish” on the final version.) If you don’t see the “Public” button, then you might look under the three dots and see if there is “Save as Artifact” - once you’ve done that, it should appear on the right side of the screen, and that version should then have “Publish” as an option under the three dots.

Some ideas for a game based on each fiction

Feel free to come up with any idea of your own, or let Claude do some brainstorming (but don’t be afraid to criticize Claude if the ideas it comes up with don’t make any sense!):

Assignments 1 2 3 4 5 6 7 8 9 · Final project

Module 4 Back to AI Literacy