Chris Raroque

Let's just replicate the animation part.

Where it has the searching, the calculating, all that stuff.

Let's try to do that so you guys can see what this looks like.

So the way that I would start is I actually, let's just use Claude.

Again, you can either use cursor, plan mode, or Claude.

Let's just use Claude for this case.

And one of the tips that I have is I dictate everything.

I get way more detailed prompts this way.

And I'm using a tool called WhisperFlow as well to do this.

So what I'm going to do is I'm going to say, can you modify this so that

There's a button, and when I click it, I want an animation to run.

It's to simulate an AI searching for nutrition info and calories.

So first, when you click it, I want it to say searching, and I want it to have this shimmering text animation.

Then after one second, I want that to drop down, and then I want the text to say analyzing, and I want that to drop from the top and replace it, and it's going to take its place.

And then still with the shimmering effect.

Then after that, I want it to say found 10 sources and then just put three circles to the left of it and maybe just find some random websites or just put, I don't know, YouTube, New York Times, Google, just so we can get the favicons for those.

Make those the sources on the left.

And then after show calculating, then after that show some sort of hard-coded calories.

All just to show the animation, we just need to hard code everything.

And then make sure that when the replacement happens during the animation, maybe we can make it so that it's cut off so it's all contained on one line.