About This Site

A generative AI adventure by Robbie Jones.

1. So I learned a new programming term: SCREAMING_SNAKE_CASE (as opposed to snake_case or camelCase).

2. I thought this was funny, and with a few sentence prompt, Chat GPT gave me an image to visualize it.

The Screaming Snake Case visualization

3. I liked that image so much that I kind of wanted to know more about the show it came from.

4. I had Chat GPT propose 8 ideas for 2000's era Cartoon Network shows that could use this in it's plot.

Chat GPT proposing 8 Cartoon Network show ideas

5. I picked my favorite of those and had it write a plot summary for the episode.

Chat GPT writing the plot summary

6. I then fed the snake image and the first plot point into Chat GPT image model via Adobe firefly and generated an image of the characters for the show.

Intro to Casey and the Club

7. I fed this show characters image and the next plot point and a few other instructions into firefly to make the next image.

8. I repeated for each plot point, sometimes generating 2 or 3 until one was good.

9. I opened cursor in a folder that contained those 9 images.

10. I gave it the full plot summary text and asked the agent to make a md file.

11. I asked it to make an HTML page using the md file as content, the images, bootstrap, and a simple 2-column responsive layout.

12. I went back and forth with it a few times to add color and make other tweaks.

13. I had it make a fonts page and show me 5 possible google fonts to fit a cartoon network vibe. I made it edit this page a few times until I found a font I liked okay, then add it to the main page.

14. I zipped up the files and deployed them to AWS amplify on our nitty gritty staging site domain. Within a few minutes, Amplify had the custom subdomain working.

15. Here's the finished web page that overviews the pilot episode (The Screaming Snake Case) of a show called Casey and the Artifact Club.

16. All this took about 3.5 hours.