Learning Timeline
Key Insights
Tips for Reducing Ambiguity
One of the most effective ways to get accurate AI results is to review the generated code and reuse the specific terms or variables the AI itself created (such as referring to an object as 'food').
The Power of Prompt Iteration
Don't try to do everything in a single prompt. The best results (like complex games) are usually built through a sequence of 15 or more prompts in gradual stages.
Prompts
Initial Graphic Asset Generation
Target:
Claude 3.5 Sonnet
Generate an image of a cat with a hat in the 8bit style
Game Code Integration
Target:
Claude 3.5 Sonnet
Create a snake game with the cat with a hat as the player character
Target Object (Food) Customization
Target:
Claude 3.5 Sonnet
Create an image of a hat and 8bit style and use it as the food
Step by Step
Building an 8-Bit Snake Game with Claude 3.5 Sonnet
- Log in to Claude.ai and ensure the Claude 3.5 Sonnet model is selected.
- Enter a prompt in the chat to generate a visual asset of a cat wearing a hat in 8-bit style.
- Monitor the 'Artifacts' window on the right to see the automatically generated code and graphics.
- Enter a second prompt to instruct Claude to build a Snake game using the cat asset as the main character.
- Test the game in the 'Artifacts' window by using the 'Arrow Keys' on your keyboard to move the character.
- Check the generated code in the 'Code' tab to identify the variable name used for the food object (e.g., 'food').
- Enter a third prompt to generate an 8-bit hat image and tell Claude to replace the 'food' variable with that graphic asset.
- Play the final version of the game to ensure the cat character grows longer every time it eats a hat.
