How would Tim describe it? — Timbot Case Study
I have always been fascinated by AI and its countless use cases. However, as a designer, I was intimidated by the idea of experimenting with it. I had a mental block, thinking that coding knowledge was necessary. That was until my husband walked me through the open AI interface. Its prompt-based system and easy-to-integrate API opened up a world of possibilities. Inspired by the Apple launch, I had an idea that would help me learn more about this exciting new technology: what if you could create a simple bot that described objects like Tim Cook would?
To start, I decided to create a simple UI using Webflow. I followed a tutorial that explained how to use Webflow along with “Make,” a tool that allows you to easily and quickly chain together a series of requests without code. This resulted in a neat little bot and a much better understanding of prompt engineering and endless capabilities of AI!
Creating the Interface in Webflow
I created a form in Webflow that allows the user to enter a topic, which can be sent as prompts. Additionally, I created a CMS collection with a single item that can receive the response produced by the model. Finally, I created a CMS template page where the text can be displayed.
Integrating the API using Make
‘Make’ is an integration platform that enables sending and receiving requests from various APIs. Below is an overview of my chain:
- Use webhooks to receive the text input and assign it to a variable.
- Send an HTTP request to OpenAI.
- Parse the JSON response.
- Send the parsed response to Webflow
Once Webflow receives the response, it replaces the collection item to prevent the CMS from becoming overcrowded with responses.
It’s not perfect yet; there are still some bugs. But it’s fun to play around with, and I’m inspired by the possibilities and ease of integrating AI into a product.
I was surprised by how easy it was to create a bot using OpenAI. It’s been fun watching people interact with my bot; they are always surprised when they type in a word and get an intelligent response back from their computer!
All in all, it was a fun and challenging project that allowed me to learn a lot about Webflow, Make, and AI prompts!