AI Showcase | Amy Denton

What is Generative AI?

Generative AI (genAI) creates new content—text, code, images, and more—from patterns learned from data. Instead of only classifying or recognizing, it produces new outputs from prompts. This page was designed and written with genAI, and features an animated black cat drawn and animated with CSS.

Capabilities of GenAI

Text & language

Understand and generate natural language for chat, writing, and translation.

Code generation

Write and refactor code from descriptions, speeding up development.

Creative content

Assist with images, music, and design from high-level ideas.

Analysis & reasoning

Summarize data, answer questions, and help with decision-making.

How This Page Was Made

This page was built by starting with a simple prompt and refining it until the result was satisfactory. All styling is in-page CSS only (no external stylesheets). The final prompt used is shown below. Say hi to the cat in the corner—it’s animated with CSS keyframes.

Final prompt used to create this page

Prompt 1:

Please give me creative ideas to make a website page on my personal website stand out and interactive. Here are the requirements: AI-generated page
Uses Generative AI to create one additional page.
Does not change styles like the other required pages.
Styling will be handled through AI-generated inline CSS instead of from the required external CSS files 
Presents the capabilities of generative artificial intelligence (genAI).
Starts with a simple prompt.
Continually adds to the prompt until output is satisfied by you.
Creates a text box in the new page (Generative AI services can do this for you) that contains the prompt used by you in the final version of your AI-generated page.
The text box refers to an HTML textbox (see HTML Textbox: A Comprehensive GuideLinks to an external site.).
You can achieve this behavior with multiline text box (i.e., a <textarea>) that is pre-populated with your prompt text.
If your prompt is very lengthy, you should add a scrollbar to the text box. 
Labels the page as genai.html.
Prompt 2:

Make the style have similar elements and design as my existing styles. I am looking for something cool, some sort of animation, or moving figure (I have a black cat, maybe incorporate that?) you must follow the requirements from the previous message, but you do not need to consider the existing genai page I have.