I built a chatbot in React called Petty Bickerson, designed to argue with me. This serves as a proof of concept for creating an interactive chat interface. The real experiment focuses on where UX craft fits into this AI-driven world. The app was prompted into existence, but the character is mine—featuring five expression states, custom-animated in Rive, and capable of listening to user input live while firing triggers as you type. Petty Bickerson reacts to CAPS, interrupts apologies, and takes it personally when you agree with him. All of this was accomplished in under a day. I've long suspected that reactive characters could enhance AI chat engagement, but it's a dosage problem. At full intensity, it can become almost too annoying. Perhaps this concept would be better suited for voice chat? The intriguing design question has shifted from "can the interface react to you" to "how much should it?

0

54

Organic buttons in @Rive

2

146

I'm super late on learning data binding, so I built 12 different hover animations using data binding to make sure I really get the basics down. I also used a trick to make all the buttons change colors base on color selection. Test it or remix it for yourself - https://rive.app/community/files/25058-46777-buttons/

23

431

A lightweight, infinitely looping 2D animation featuring three healthy food mascots. Designed to showcase seamless character rigging, fluid walk cycles, and clean vector design optimized for web and social media. Let's Collaborate! Need fun, engaging character animations or custom motion graphics to bring your brand to life?

1

157

Yi Lai

🍁 Design Engineer, always learning and building