My 9 year old can Vibecode so you can too

So, guys, what the heck are you holding right now? What are these and what makes them a Fugler?

Very ugly teeth.

So that's an ugly Fuggler tooth.

It has a shirt.

Let's talk about building our website for fugglers. What is the vision that we're going to build?

We are going to build a Fuglr website where it helps you do your daily chores and you can talk to them when you feel stressed.

So do you know how we're going to build this website together? Have you ever heard me say vibe code? Vibe coding is when you just give a platform instructions and then it actually just builds it for you.

Cool, cool, cool.

Meet the fugglers. So these are all the fugglers you.

Want to go to. Full collection.

Go up. So maybe our website should be for Fugler collectors and then you could also talk to them.

I like that.

Because wouldn't you want to log in and mark which ones you have and then make a wish list of the ones you want and then maybe you could click on a few and talk to them. Yes. Cool. Well, we're going to use a couple things. We're going to use Mocha AI to make the Fugler database and website. And then we're gonna use 11 labs to get their voices. So should we listen to some voices? That might be good voices for fugglers. You guys could decide what they sound like. All right, guys, let's see if any of these sound like Fugler voices. That is terrifying. You guys want that one? How about this one? It says strange and tricky. Got some voices.

Could you go up? I saw one.

Oh, which one go up?

Victor?

All right. Yes. That page already contains the two key things we need. So let's see it created our little database id. Run a script that downloads the HTML, finds monster block and extracts. Below is a python script you can run locally to generate both the CSV and JSON file. I don't know what we're going to use on Mocha, so we'll just start going on over here. We're going to hit create new app and now we have to describe what we're going to build. Since I already described it in ChatGPT, I usually like to just have it create the prompt for me. So I'm going to say hold on this. Create the prompt for the visual aspect of my website. Website for Fugler plush monsters. So I'm literally just gonna copy this and I'm gonna put it into and I'm gonna use their max. Want to least give a few Images of fuglers so that it knows what to work with. Trying to use ChatGPT to build our fuggler stuff. And now I'm trying to use Claude Cowork and I'm getting an error. I'm gonna say try again, Rob. Oh, no. Internal server error. Guys, we might have to pivot. Let's take this prompt. Now we're going to Manus. We're really pulling out all the stops tonight. I think Manus could do it for us. So I don't know if you guys think this is cool, but it's cool. So basically I went to ChatGPT and I was like, hey, pull all the images of every fugler and their name and give it to me so I could copy and paste it into mocha. And then ChatGPT was all like, here's code, go do some coding. And then I was like, nah, I don't want to code. So then I went to Manus and told on ChatGPT and now it's doing it for us. It's called Fugler Hoard. I kind of like that.

Cool.

Because we're hoarding. Your mansion awaits. Track your gloriously unhinged fugglers. Mark what you own, tag what you crave. Embrace the chaos. And then it's just pretending which ones we have. Give it a database with all the actual images. But as far as the look and the feel and the colors, do you guys like it or do you wish it was more bright, More green, more orange? What do you think of this so far?

Good.

It's good you want to keep it as is.

I like it like that.

And do you like how it says you could show what you own and what you. Let's go back to Manus and see if it's helping me look it. What AI tools have you actually used as a 9 year old?

ChatGPT? Canva Sora AI. This one I've managed. Another one that I'm forgetting the name of Chrome.

You use Chrome? Use Gemini, probably. And what are you doing with ChatGPT the most?

Just doing stuff on it, I guess.

Looking up fugglers, probably.

No.

Guess how many fugglers there are. ChatGPT failed, Claude cowork failed and Manus kicked butt and created a database of all 272 fugglers.

Cool. With their names and image URLs.

So what we're gonna do is we're going to take that file that Manus is making and I'm going to put it here in Mocha and then Mocha is going to make this data set on the back end, which will show up on the front end. And we'll be able to work with our fugglers. And then we need to make a spot up here that says talk to your fugler.

Or should it say talk to any.

Fugler in the hero section? Create an area that says talk to any fuggler. Figure out the functionality of that in elevenlabs. Let's do this. We're going to create creative agent, new agent. This is where we give this voice instructions on how to be a fugler. So if you were to tell you're creating a fugler that you could talk to, so what would you tell this thing that it can and can't do and how should it act?

That's hard.

Could be hard. I would say Fugler, which is a child's toy. You are going to be giving kids advice on how to behave at school, how to tell jokes, how to help their parents, and also how to be a silly monster. Fugler data ready to go. Here's what I have. Image the JSON data files. Fuglers complete JSON. I'm going back to Mocha and I'm going to say, hey, guess what I have. I have the fuggler package, bruh. So see, I have that Assets upload asset.

Cool. Cool.

I knew you could do it. I'm creating a voice agent for the fuglers to talk to users. Help me come up with the prompt in ElevenLabs for how the fugler should act and then I'll paste our notes. Here are our notes. And chat is okay. You are a fugler. A silly, mischievous toy monster with way too many teeth and a big weird heart. Here we're gonna go to 11 labs. Put it in here. This is where we picked the voice, little dude. Do we try it out? Sure. All right. Well, I think he sounds good. Let's go back to mocha. Oh, look it. Here they are. Mocha did it.

Let's see.

We have all the fugglers.

Cool.

And you can go through and say if you own them or not.

It says on the last one it said how much teeth it has.

Now it doesn't how much teeth each fugler has. We might have to forego that aspect. On this website it says that.

No, on the last one, but it didn't show the fugglers. It said 12 teeth.

Oh, it did, but it didn't have the data and it didn't know. I don't think we have the number of teeth each of them have. So that Would be hard. We'd have to go through and count every single fugler and how many teeth they have. And I don't know about you, but I don't really have time for that. This is cool. Look at all of her fugglers in there. That's awesome. What do you think? Good. So I'm gonna say here is our voice agent for when someone wants to talk to a fugler. Just send it in, see what it does. That's funny. I just find it really funny.

Ultus version 2. There's other ones somewhere.

Let's see. I want it to stay on the website, though, so when somebody hits talk to any fugler, I want them to stay in the website. Can it load inside this page? Chat with Old Tooth.

So could you make it search?

Well, you're right. We gotta put search in there. Add a search at the top. I feel like. I don't know, I feel like the colors and stuff should be brighter because fuglers are so bright. And I feel like the black background doesn't really go with it. I feel like it should be white and orange and bright and silly. Right? We have a search. Let's see if it works. Old Tooth. Huh? Oh, my gosh. It did it. Oh, it just wasn't ready for us. Old Tooth.

See that? One of my guys.

Oh, I love Old Tooth. We do have this, so. Oh, that's cute. When you mark it, it says mine. So let's talk about our prompt for how you want it to look. How do you want it to look?

I want it to have macaronis all over the place. And it's gotta be, let's say.

Brown.

With macaronis in the background.

Brown with bowls of macaroni dancing around.

The place, but not actually moving, just all around scattered.

So tell me if this sounds good. Bold, playful, and chaotic website for fugglers that feels joyful, weird, and energetic. The color palette is loud and happy, using bright orange, hot pink, neon green, sunny yellow as primary colors. They should clash in an intentional way, feeling rather exciting rather than polished or corporate. The background is filled with dancing macaroni shapes. The macaroni should look cartoonish and alive. They are wiggling and spinning around on the page. This is great. I'm copying this. GPT wrote us that, and now we're going to go in here and paste it and I'm going to say instead of design, say, redesign the look with. I can't wait to see what it does.

Sorry.

Ooh, look, I did it. So much better. Ooh, I like this. Font. I hope they change the whole background because I want it to be white, not black.

And I don't see little macaronis.

We don't see any macaronis. It's not done though. It says mocha is still working.

Cool.

Oh, that was so good. It's amazing. This is the most fun website we've ever built.

Hun.

Oh, what, you found a problem?

There's no search bar.

Find a fugler chat with old too.

Let me try it. Hun hit chat with old too.

Well, it says click the bubble in the corner still. Oh, it's so good.

Pretty. Did you add the thing?

What were we adding again?

Login.

Oh, and you can unwind.

Good. No. No.

Alright, we need to add login with Google. It's called oauth. And then people can make an account.

Nope. Are people gonna pay for the.

Do you want them to pay for it? No, you want it to just be a free website for fuggler lovers. Cool. We might have to get a domain name for this because this is so cool.

What's a domain name?

Domain name is like the website it lives at. So It'd be like fuglerhoard.com.

Mama. Look, as you scroll up it gets more orange and as you scroll down it goes darker. What?

It's been changing. Oh look, keep scrolling. So sign in. I want to see what the sign in looks like real quick.

Taylor Anderson.

Nice. So now I can go in and be like, these are mine.

Now scroll down and see how it gets darker. You see?

Oh, it's like purple.

Now it's purple at the end and when you scroll up it's orange.

Or is it just changing all the time in the background if we keep it still. Wow, this is so cool.

The only thing I changed is the macaronis. Don't look like macaronis.

Well, what do you think they look like little rainbows? No, I think they look like macaronis. But to fix it, you could say just make them yellow or I think they're kind of funny. Is there anything else you want to add or change?

No. Do you like says we own one.

Well, you have to log in and do your own thing. Go play with it. So all we have to do is hit publish and then you could go to your computer, take your shades off and play with it and actually log in and make your account and publishing. So we have a weird URL for now, but if we wanted to put our own URL, we could. You do want to. This is it. Live.

I'm nine years old and I just built this website with Mocha AI. Cool. It's a collection for Fuglets. 272 Fugglers.

All right, go to fuglerhoard.com to check out my nine year old's amazing site that he built. Thanks, dude.