This video demonstrates how developers can leverage AI tools like Claude Code to efficiently build web applications, showcasing three projects: a coaching app (AzAnything.dev), an indie YouTube alternative (Vids.Tube), and a 3D dragon breeding game (Eco3D.Shop). The key insight is that AI can help developers systematically plan, document, and implement complex features by generating specifications (OpenSpec) and guiding the development process through repository scanning and task management. The approach emphasizes breaking down projects into manageable phases, using AI to extract concepts from research papers (like lizard locomotion for Eco3D), and maintaining a structured workflow that balances automation with human oversight.
Installez notre extension pour rechercher instantanément dans n'importe quelle vidéo
🔴Live Vibe Coding 3 Web Apps: AzAnything.dev | Vids.Tube | Eco3D.Shop (Next.js Supabase Claude Code)Ajouté :
Hello anyone. This is anything. You can call me AZ. I aim to be here every other day doing vibe code coaching. So I'm working on three apps. Uh one of them I retired last time. Welcome to the chat limo labs by the way. Um thanks for being here. So yeah, three apps. Uh Eco3D, uh vids.tube, and this one we're looking at now is as anything. So vids.tube is the latest one. Uh this is actually live right now. You can go check it out. Um, this is basically going to be my personal version of YouTube. So, this will be a pay as you go type thing. So, there'll be no ads, but then users can just pay for the streams that they actually watch. And uh, yeah, so that's the new project and that is replacing Beep.Buzz. So, I decided to retire beep.buzz. Um, just didn't seem to align with my uh, what I'm working on at the moment with my direction. Yo, Limo Labs, welcome to the chat. Thanks for joining in. Um, yeah, I was just saying that we're actually live on bits.tube right now. So, this is the localhost version. U, but it's also live at the website. Um, yeah. So, this is this will eventually be my little indie replacement for YouTube. Um, I think it's just a little bit of a, you know, just to own your own audience, you know, to have your own audience in your own platform rather than rely on YouTube and stuff like that. So, uh, Eco3D, I'm currently resolving a bug a bug before I can show you what we've been up to there. Um, but it looks like we just need to set up the local host, uh, set up the environment variables. So, I'm setting up with Doppler. So, we're just going to do setup and make sure that we're signed in. And then we connect that to Eco3D and prod. Um, you might not have been here last time, um, Limo Labs, but I've added these little critters. This is from a game which is called uh Desk Paws. So basically it's just something to have on in the background. You can see this little bar is showing like the progress of one of the characters on an adventure. We can take them out and uh put them back in. Send this one on an adventure. Just something to have on the screen. Something to sort of switch things up a little bit. One of the big solutions that I came up with with Eco3D uh is instead of running dev, we're actually taking down the we're building and then hosting the local server every single time. So rather than running the dev server, we're running uh what we would run on the deployment but locally.
And so that means that we don't get as much lag because there's a lot of lag uh with the development features of the server. Um, and we don't need those features and we want it to be smooth for the animation testing. Um, so yeah, that's the way that we're going to do that. And I added an admin uh panel. So, we actually need to sign into this super secret password. Doesn't really matter if it's not that protected.
And then this just makes it a little harder for people to change my configurations and stuff. We'll lock it down a bit more later. Uh, Lima Lab says that's a lot of storage. potentially many streams. Yeah. So, there's no storage at the moment. Um, but the storage is actually the cheapest part.
That'll just be done through R2 storage.
Um, the the most expensive part is actually the streaming itself. So, it's about it's only about $10 a month at the moment, but as more users come on board, then uh yeah, it'll get more expensive.
You missed last stream. That's all good.
No worries. Um, wait, I have uh I have uh seen have I seen Eco3D at all?
Whatever it is, still look sick. Um, oh wait, that's the one with the hashtags.
Password equals password. Password is not far from password. Let's be real.
Um, so yeah, this is Eco3D. I've actually stripped it all the way back down um because we are now building based on uh I'll just get this open.
So I found a a research paper that describes the locomotion of lizards and it converts that into robotic motion. So they have these lizard-shaped robots and then they moved like real robots uh like real lizards. And so that's what I'm modeling it off. And I've made it really uh as tightly coupled to that as possible. Um I don't know where it's stored. Um I'm actually going to ask for it to tell me where it is.
Okay, so this is Eco3D. This is all running now. We can clear this. Um, where is So, first I might as well start off developing on this because what I'm doing at the moment is I'm creating a process that we're going to follow to turn this into the same type of locomotion that the um that the robots use. I actually have a little drawing pad here that I wanted to sketch out how it's going to work on the actual model.
So, I can go to draw mode like this.
If this works.
Oh, what's going on? I just lost the cursor.
Give me another go at that.
There we go. Okay. So, I can't really see the cursor, but there we go. Okay. So the idea is that we're going to create an S-curve. So it's going to walk like this. So as this part steps forward, it's going to reach forward. And as this part's stepping forward, it's going to reach forward and grab on the ground. And then that's the the planted feet. And then the other two feet will be lifting. And then it'll swap we'll swap to the other side. And it's basically going to be it's called diagonal gate. So there'll be an S-curve motion. Um, but there's all these other, you know, computational stuff going on in the background that I don't fully understand, but that's what we're walking through with Claude. So uh look at the latest look at the latest handover document.
Review the relevant uh documentation uh documentation and the code files and continue the process we were working on.
I spelled that wrong. That's okay. Um, I was about to say, "Hey, Claude, where is this exactly?" Um, if you create a twoft uh if you create a twoft and 4 foot variant of the animation, uh, you should be should be good with most of 3D models, right? Uh, yeah. So, the models I'm working with are all pretty similar.
Um, they all have the same configuration of four feet and a spine and a head and a tail, but they have different numbers of segments, uh, different size segments. So, a lot of what's going on in this app is uh, first selecting which model we use. So, there are a lot to select from. So, let's just uh, show a different one. Excuse me. I'll show you a baby Firestorm Dragon.
takes a little bit to load, but basically you select the model and then you have to tell you have to group each of the you have to group the segments.
You have to say this is a head, this is a spine, this is a tail. Um because it comes in all these tiny little pieces.
And then after we do that, we have to Doesn't look like it's wanting to load.
After we do that, oh, I needed to select an SDL one. And then after you group them into segments, you then assign each of the groups to nodes. And then the nodes is what actually animate. And then we position those nodes rel relative to the segments. So long story short, we have many different kinds of dragons that we can use that all use the same body shape, the body format. Um, it's not wanting to load in. I just wanted to show an example of one of these other dragons.
Let's go with an STL.
Baby gingerbread dragon STL.
All right, I'm going to leave that for now and just go continue to the animates.
Um, I'll fix that later. I think we should have the right one selected, I hope.
Okay, I'm going to have to go back. It's a bit clunky. Um, but yeah, for now I'm just going to select the one that we've already loaded. But long story short, there are all different sizes and types of dragons with different numbers of links. Um, they all have this kind of body shape. This is just one example of them. Um, by the way, that sort of explosion of color that's from this game here. So that means that the creatures just like made a level or something. I'm not sure. Um, vids. Email for verify email goes to spam. Okay, it's using beep buzz. All right, fair. Yeah, it's all very like I literally threw together this very very quickly. Um, Koma, I hope he joins the chat later. Um, I'm not sure. I think the hours do align with him. Um, but yeah, if we see him in the chat, that would be cool. So, what I'm wanting to work on is in Eco3D. So, that's just catching up to where we're at. I also wanted to ask, might as well do it in another chat. I wanted to ask where the PDF is. um link me to the PDF of the uh research paper that the animation is based on.
That shouldn't take too long. While it's doing that, I'm actually going to just try and see if I can get this to select another um another dragon just out of curiosity because it is a bug, so we might as well squash it while we see it.
Let's try just any of these. A baby wolf dragon. Let's try that. Loading the STL.
I'll try not closing the sidebar and see if that loads it in. Um, and meanwhile, we can look at this. So, the animation is based on uh I want the local copy in this repo.
So, that's here. Documentation references. I thought I checked docu.
Okay, I missed documentation reference right here. And I want to open this in file explorer. Just uh let's go like this. And then open this up.
Like this.
All right.
How do I get rid of this thing?
Go away.
Uh how do I just get rid of that? It's in the way, bro. I've never seen that before.
Um.
Ah, it's annoying. I don't know how to hide this thing.
Pages. Select pages. Layers.
Um, escape doesn't work. That doesn't work.
Uh, Limo says, "I forgot to ask. Um, the other stream you recommended a Claude skill for documentation. It's called open spec. I'll actually throw it in the chat. Open spec. That's what I use. And I also use um superpowers is another good skill. Another good skill.
Uh hide it with control alt f4. That's a good idea. That's uh very very irritating. How do I just get rid of this thing? I just wanted to show this like pages new.
Um, I'll try not to linger on it too much.
Yeah, I don't know, man. Document outline. How do I just get rid of you?
I'm going to ask Claude, um, how do I hide the document? Oh, I see it right there. Boom. Sweet. Okay, so, uh, this is the paper, um, reproducing five motor behaviors in the salamander robot, yada yada yada. Key words here is it's a salamander robot and CPG is the type of animation, the type of um movement that we're doing. Um, okay, sweet. Yeah, check them out. Let me know what you think of the of the claude skills. So, CPG is controller regulated by drive signal um and reciprocal feedback. But basically, let's get to some images so it's a bit more interesting. This is the kind of robot that they actually used.
And they just had these very simple legs and this would swim, but then they also walk too, but the main thing that they did was swimming. And we're recreating that same kind of motion. You can see these examples here um showing the frames of how they move. And basically, I've just fed this into Claude and then I have told it to reconstruct it. We're now going through the process of integrating all of the concepts that it's extracted from this research paper into the foundation that I've already set up. So, if I close that and yeah, so the the other creatures aren't loading.
I need to fix that later, but we can go back to the other uh to the other one that we've already loaded in. And uh the idea is that we're going to apply that uh to the we're going to apply it to our existing foundation where we calibrate everything and we have the the creature selected.
I'm going to have to select it again.
It's very clunky, but we're making progress. Uh screw the text. Show me the images. Hey Claude, I need a Lego manual uh from this textbook. A Lego manual.
All right. Yeah, exactly. That would be sick if we could convert it into a, you know, a picture first kind of manual.
Um, but yeah, the there's a good video on it. I might uh bring that up a little bit later, but for now, I'll sort of just continue try and get it to actually move. It was going crazy. Like trying to get this to work properly has been nuts.
It's been one of the harder things to work on.
Uh, but I think it'll be really cool when it is working because it will be dynamic. Uh it'll be responsive to the environment. It will be applicable to different sizes and shapes of models. So we can like add new types of creatures and stuff like that later. Um all right.
So we asked for it to look at the handover documents. Two things to confirm before I write anything. Is is the part four walkthrough above correct?
All right. So, basically, I've been walking through these decisions, and I don't want to go like too slowly through this stuff cuz I do want it to get to a point where it can start building. I was hoping to have this done before the stream. Um, but I'm just going through and making sure that it like you do like a once over of its understanding of how it's going to build it. And then you can give it uh the instruction to write up the full openspec using the openspec uh tool that I mentioned earlier. And then it can just go nuts after that. So once we get to that point, we can let it go.
Um, but I'm just going to ask for a concise summary. So give me a concise summary with the key decisions.
I like it when it does that huge explosion thing. Keeps it interesting.
Um, and on vids vids.tube, there are a few things that I do that I want to add.
So, at the moment, we just have one channel um where you can just see my streams when they're live. And yo, welcome.
I don't know if I'm signed in.
Welcome, Limo.
Boo.
Uh yeah. So, we got the chat working and we have the single live stream just from my uh you know, my channel, but then eventually we're going to have multiple different channels. We're going to have a payment system. So, you can watch for free, but there is a cap of how many people can be watching for free simultaneously. And then after that, you sign in, you get a set amount of credits for free. Uh, and then you have to sort of pay to just top up your account. And then you only pay for what you use. So, if you only watch 5 minutes of a stream, then you only ever pay that much. It's not a subscription or anything, and you only pay like as much as is needed to cover the cost of the server. uh plus a little bit of fee for the for the platform. And then you can also host your own streams. Um and uh yeah, so there's a lot of work to to be done there. I'm actually going to ask it to uh review the docs, look at the um review the docs, explore the repo, uh repo, get an understanding.
Um FYI, I meant boo like Gary's not boo as in Okay, that makes sense. Um I I thought it was sarcastic anyway, but but I appreciate that. Uh to get an understanding of the app. Um so right now I've set up an MVP MVP to host my uh own streams.
There's only one channel uh channel. There's I actually added a road map for this. So, I'll say look at the road map. Look at the road map. Uh, and tell me what is left to build. What is left to build and what you recommend we work on next?
Um, idea is solid, but I think it's something that would require some marketing. Um, for the vids.tube, the idea behind vids.tube YouTube is that it'll just translate my own um my own like YouTube stuff. So, at the end of my YouTube videos eventually, I'm going to say like I'm going to do another hour only at vids.tube. So, I'll keep streaming. Um but I'll do it over there.
And I might also do things like um you know, personal lessons if you want to sign up for a lesson. Uh, then it could be a one-on-one thing, working on your project more directly, and then I'll do that on Vids Tube. So, it's not so much like a thing where I'm expecting it to be the next YouTube. Uh, I'm not expecting to compete with YouTube at all. I just want to get off of YouTube.
Want to have my own thing. Uh, and I also want to enable people to do the same. And I would, you know, it would be a lot more fair. Like, it would pay creators a lot more fairly. creators would have the ability to fine-tune how they charge and what they, you know, what what users pay for the streams and stuff like that. So, yeah, it's not a YouTube replacement. Um, and the only marketing I'm expecting to use is basically this YouTube.
Um, all of these apps are kind of like small scale. I'm kind of creating three small businesses that, you know, none of them on their own would be massive, but together I'm hoping that we can I can build them into something. So, this is as anything.dev. Uh, I've created I've I've reworked the whole process. So, when you land here, you have the getting started page. Uh, I deleted the user here and we've restarted the process just so that I can um walk through it again and make sure it's all working.
The first thing is just an introduction saying, you know, you need a GitHub account. Do you have one? If we say no, it just gives us some information on how to set it up. Um, and I've streamlined this so this getting started only has the very bare minimum uh like checkbox stuff, you know, connect the repo, sign into GitHub, and uh say yes or no to the to your preferences of what uh privileges or what is it, the privacy policy and the terms of service, all that stuff. Um, so I'm just going to flow through that now. Authorize and then link the repo. make sure that it's working because I've only just recently rebuilt all this. I also added the uh subscriber account at the top left here.
Thanks to everyone who subscribed. I appreciate you. So yeah, we linked to GitHub uh link the repos. Um oh, I see it's a solid idea. Get these people off the Google platform. Yeah, definitely.
Um and away from the algorithmic sort of thing as well. I think it's uh something that more and more people will do is basically creating their own version of the apps that they use. So, let's go on here. So, yeah, if you if you don't like Facebook, make your own Facebook. Um I think that's going to be more and more common and uh all of the Facebooks will link up with one another and they'll create their own Why can't I ah and they'll create their own, you know, uh federation network. So rather than just one network owned by one company, it'll be a bunch of uh interconnected networks. So I just wanted to select a couple of repos to demonstrate so that I can switch between them. I can't remember the other one that I wanted to go with. I'll just go with one that we've uh done some work on, but they're not working on anymore. So that we have two to switch between. So now we can install the app. And now the app is connected to our GitHub repos.
I'm seeing all sorts of things I want to fix, but I'll leave it for now and I'll just keep going through until we get the basic configuration going, the basic loop. So then after we hit continue, it actually locks in the previous decisions. Now it's something that I've just changed.
You can't scroll while it's typing. I should fix that.
But yeah, so now we can't change these.
Um, this is the only place where this is the case. uh but and later on you'll be able to change be able to change them.
So we've uh we've signed in and we've connected the repository and now it's just privacy and like I also have this question here which is saying would it be cool if I shared this on live stream because this will be a chat app as well.
So, they'll be chatting with my LLM and with my sort of pre-esigned workflows.
And then I have an admin panel where I can see the activity that people have been doing lately. I can then jump into their repo and I might uh open up a new chat and say, "Hey, I see you're working on this. Um, would you like would you like some help? Uh, here's some information yada yada." So, there's styling issues and stuff, but what I want to work on is just start uh hit let's go. We should open up a new chat.
And what I've designed is the actual chat interface. So the first thing that we do if it actually navigates properly, the first thing that happens is it scans the repo and it checks our current state of the tasks, whether we've completed um all the tasks, all the prerequisites, or if we need to uh if there's anything that we need to do.
The let's go button doesn't seem to be let's going. But all right, this looks better.
Um, okay.
So, all right. So, I've installed Visual Studio Code. So, this is a first check because we've just created the account.
It goes through and it sees whether we have set up the IDE. And at the moment, it's really clunky. It's not very clear, but while I'm here, I just want to show you how this basically works. We have the check to see what task we've done, and then the wizard sort of gives suggestions like, you haven't set this up, we need to do that first, or do you want to add a feature now that everything's set up. Um, and then we can send a message down here. It's going to be calculated based on um like a a small LLM call. We'll figure out how much it will cost to send the message. We can either send it to AI or send it directly to me. And if you send it to me, then it will create a new chat linked to this.
And that new chat will be a one-on-one with me. And then I'll respond within like 24 hours, as is indicated here. Um, but the first thing I kind of want to work on is just how this is being set up. So, I want to actually see what tasks we have uh in progress. So, I want to go over to asn.dev.
Um, and just say uh take a look take a look at the recent open specs recently completed open specs uh and understand the um chat system with the task management uh task check and repo scan.
Uh, I want to update update the um task checking process to um to actually list the tasks that we have to do.
Um, I kind of want to be clever about this because we will eventually have a whole lot of different tasks and I just want to keep adding them, you know, like if you if they want to add a sidebar or add another page or add live streaming, then all of that will be like an option and a pathway that you can go down. Um, but the prerequisites need to be kind of grouped together. So I want to update the task checking process to show what has and hasn't been completed.
Let's actually say the task checking process to use a similar component to the scan. So the scan is this one here. And you can open it up and see the scan results. We only have one result in here because I've narrowed it down just to one thing so we can start working on it. But eventually you're going to have a list of different things that the scan is checking. It actually looks at your repo and sees what's been implemented and what hasn't. Um, by the way, thanks for voting. Uh, looks like we got a couple of votes on as anything.dev.
Sweet. I appreciate that. That's what we're looking at right now. So, as anything.dev, this is going to scan your repo and it's going to look at what is in alignment. So, for example, this is a brand new repo, so there's no next.js installed. Um, and then it will tell us, you know, give us suggestions about what to do next. In this case though, not only is it a empty repo, but we also haven't completed some of the prerequisite tasks that would be needed to fill that repo. So, one of the prerequisites is setting up your development environment, which in this case I'm suggesting is VS Code connected to Claude Code. Um, and then with your GitHub repo cloned and so we need to make sure that that's completed. So, I want to update the task checking process to use a similar component to the scan.
Uh, it should show It should show the prerequisites the um initial prerequisites and then I'll use an example ag uh claude code and VS code setup VS code setup um as a group and when they're all completed all completed It should I think it should be a collapsible group. So let's actually name that a collapsible group uh with the total with the overall completion state of all of the yeah overall completion progress let's say in the collapsed states.
Um, I'm actually just going to send that off so I can see what it looks like and we can iterate from there. Fun fact of the day. I appreciate fun facts. Um, the amount of estimated atoms in the universe is less than the amount of potential moves on a chessboard. Less than amount the amount of Damn.
It's one of those things where it's like I believe you, but I don't I don't believe you. Like that's my brain's kind of just like uh I mean I kind of get it intuitively like with the grains of rice thing how they say uh I don't know there's that story about someone who asked for the amount of rice like an amount of rice that if you put one grain on the first square of the chessboard and then you double it for every square and then do that for the rest of the chessboard give me that amount of rice rather than giving me any any amount of gold. and it turned out to be more rice than was ever able to be produced by at least at the time. But yeah, it's like you get it. I get it sort of technically, but I don't think I I believe it in like an intuitive sense.
Um, all right. So, this is the summary for Eco3D. We're recreating this paper uh this paper that's the salamander locomotion, specifically salamander swimming that's then going to convert to the stepping motion. And we just have a few key decisions to make in each of these parts. And once I've made these decisions, once the I think there are seven parts are confirmed, then we'll be able to write the spec and build it out and we can actually see it move. So part four in one line, we have the CPG pulses, the muscle activations, all this stuff. I don't think it's going to really be much much benefit for me to read through this because it might as well be a magic spell that it's explaining. The key shift, it outputs torque, not a command angle. That's the part of the old kinematic version faked.
So, it's referring to the previous attempt to recreate this and claude did its Claude thing where it like filled all the gaps that it couldn't understand with fake stuff with uh AI slot. And so now I'm going through step by step to extract the information from the source material and then actually make sure that it understands it and that there are no gaps.
So the key decisions to lock with recommendations um uh I don't believe it too even though apparently it's a fact. Chess is 10 to the^ of 120 while atoms are 10 to the^ of 78 to 82. I don't believe uh don't believe it. We simply cannot estimate the atoms in my opinion. Sorry I'm done with sidetracking. Sidetracking is welcome dude. I appreciate the chatting.
Um, yeah. I mean, we can't actually see, you know, we say the observable universe, we can't see most of it because it's moving away from us faster than light can like faster than the speed of light. I No, that's doesn't it's not possible, but like something to do with light. It's going way too fast, so we can't see it. I'm not a I guess I am a scientist, but I'm not an astrophysicist.
Um, all right. So, key decisions to lock. All right. dimensionality planer 2D top down. So the paper the paper's axial joints run in the horizontal plane. All right. So faithful and tractable in the browser. We can later add a three-dimensional movement and I will I want them to be able to climb over things, go under things, all that kind of stuff. But I am first wanting it to be faithful to the paper. So that's why I appreciate it saying faithful here. The paper's only 2D. So we're going to go 2D. the solver uh a custom reduced solver integrator. Um so we need the papers uh exact force laws.
Okay. Custom reduced order integrator.
I mean okay decision environment first swimming. All right. So we're going to start with swimming. That makes sense.
And then we're going to make it step. I think that makes sense. So yes. Uh confirmed. Continue.
We can go back to as anything.dev.
All right, I've now got a full picture.
Here's what I understand. The scan component is a self- collapse card and then we collapse and expand it. The task checking uh process today. Root pathway is a dispatcher that walks the seated tasks registry and then scans gated input repo. Optional versal add feature.
uh init repo, right? Optional versal ad feature. So it's just like what's required and then what's optional because Versal isn't necessarily required to actually start developing.
It's just how we deploy. So it surfaces one task at a time as a conversation or as instruction bubble. Um a single uh acknowledgement button. Eg installed that confirming that. Okay. So there's no at a glance view of the overall setup process. And then I'm requesting for to present those initial prerequisites as a single collapsible group like the scan card whose collapse header I actually want all the all the tasks to be in that. A few design decisions. How should the prerequisite group um relate to the existing one at a time acknowledgement flow? Replace with the checklist cards progress header and keep the stepping.
So, I want to keep this stepping um for all of the prerequisites because right now, what is it actually doing right now? It's just saying I've installed VS Code.
First, uh download and install Visual Studio Code and then it scans the repo.
So maybe before even doing this, I might I might just simplify it and say scan the repo first and then explain the tasks that haven't been completed. So just to keep it really simple, I'll keep the scan repo as its own component. Um, but I will just I'll say go back and look at the previous version of the initial workflow of the initial getting started which in this it had the details about how to set everything up and I've pulled that out. I've put that into tasks in the database. Um, put put that into tasks in the database and it's collapsed a lot of that information. And so now we need to basically connect the new database management system to the previous copy the previous data that we had that was in the getting started chat. So I'm going to clear this. Um actually I'll keep it but I'll open up a new chat so that I can always go back and just say um actually I'll continue in this. I'll say rather than instead uh I just want to let's move this dude out of the way a little bit. Um instead uh I instead take a look look at the git history of the getting started um intro sequence.
It previously had the um required and it previously had the required tasks, prerequisite tasks. That'll be fine.
Tasks um as chat boxes, messages with act buttons.
Uh this was richer than the current flow.
Um the chat should start the new chats should start with the scan.
Get out of the way, buddy. should start with the scan and then uh it should continue with whatever out of the with whichever um uncompleted incompleted tasks remain.
um using the original messages and act buttons, including the um the links, the link component buttons that were inside the messages uh message components.
Um, as the user hits user, as the user clicks the act buttons, it should record should record that they have completed the tasks and next time, yeah, we can test the rest of that. It should um mark that they've completed.
So, basically, we're going to remove this message here. Um, I'm actually going to say that explicitly. So, let me just go back to this.
I'm going to say, um, remove the current flow, the current messages that appear above the scan.
So, eg this one uh and use what I described above instead instead.
All right. So then that will give us a clean start. We can basically just go through and make sure that all the prerequisites are being shown and selected. And then I want to test the AI messaging in here. And also want to give the as messaging a go. I haven't tried any of this stuff yet. I've just sort of set it all up um in the back end. Uh but yeah, the testing phase, we can start that. That's always fun.
Um and the third thing that we have to work on is vids.tube, but I'm keeping this on the back burner for now because I basically have asked for a bit of guidance. I want to say concise plain language so that we just have that to come back to. It's going to tell us uh look at the road map that I've already set up and then tell us what it thinks that we should do next or what is the next most important thing to basically create our own little independent YouTube um for our own uses.
Okay. So um part four is written part five limbs and gates transfer function duty factor diagonal trot. Okay, so the previous step it said that we were starting with swimming only and yet now we're talking about the diagonal trot. I don't know if it actually is going to implement this or if it's going to skip it. Uh but we'll we'll skim through see what it says.
All right, so four limb oscillators, one per leg. Uh a leg gets a single oscillator, not a left right pair.
Uh okay, excuse me. Like the axial segments, each leg is a one DOF rotational joint at the hip in our planar world. A pro protraction retraction sweep. So it's just going to be really simple. Um each of these legs is just going to go flat on this plane back and forth. So it'll either reach forward or pull back. And it's going to do so in time with the swim animation.
So, uh, I already did this, but I'll just bring it up again.
So, it'll look like this.
If this side's going like this, it's not the best version. I can't see the cursor when I do this. So, if it goes like this, then over on this side, this arm's going to be reaching forward. And then this side, this arm is going to be reaching forward.
So, he's going to be swimming. Uh, I really want to use that drawing thing, but I need to make sure I can actually use it properly.
Anyway, um, the limbs are driven differently from the axial body. Okay, so the duty factor and the transfer function, that transfer function is shaped to hit 77% stance, 23% swing.
Okay, these numbers don't mean much to me. Food contract emerges. It isn't scripted. We don't key frame plant now, lift now. the limb is a simulated one doof joint.
So as long as it stays faithful to the document um then I I'm not going to worry too much about the details here.
To confirm is part five correct complete to commit to road map one. Uh especially the limbs use phase directly.
Uh I'm going to have to ask for a uh concise plain language version.
I I say this so much. I need to have like a skill. I need to put this into a skill, but they're only three words. So, uh, okay.
And let's continue with as anything.dev.
I think that's what's got most of the um the votes.
I need to clean this up. Do this. And then when I hide it again, it cleans all that up. When I have a break in the crate, if I'm waiting for something to generate, I can focus on this game a bit and unlock some more creatures. I think the creatures are a nice little addition. Um, yo, uh, flip with Kyle.
Welcome, welcome, welcome. Three apps is just a really nice, uh, pacing to switch between. So, as we're waiting for one to work, we can just switch to the other one, keep it interesting. Um, I like personally having three things to focus on at once. It's also not putting all my eggs into one basket. And I have three different use cases that I want to satisfy. So, this is going to be basically the way that I can try and monetize my 3D printers because it's a game that will be played based on 3D models. So, these are actual 3D dragons and they will move approximately like I actually have some right here. They move approximately like uh it's modeled in the game. So, that's one reason I'm making this one to monetize my 3D printing. And then this is something that I really want is basically to build my own version of YouTube so that I'm not, you know, not linked, not locked into YouTube and then I can charge independently and stuff like that. And then this is going to basically be uh my own uh an extension of my client work.
So if someone like yourself might be working on a project, they can link their repo. I can take a look at it directly. This app will give them a lot of my advice that I already that I usually give like common advice. It will scan the repo and make it custom to their pro uh project and then they can contact me directly. So, it's a way that I can help people out directly and sort of monetize that side of things. So, there's a few different different approaches there. Thanks for jumping in the chat, my guy. I appreciate you. Um, I made an app uh and just got funded.
Dang, awesome, man. Um, I'd be really interested to hear hear more. Um, congrats, bro. Um, I can't flip with you, Kyle, unless it is on a trampoline.
Flip with Kyle. I can barely flip on a on a trampoline. Um, I think I tried once on Flatland and it didn't go that well. I I don't think I remember. I tried once on Flatland. Um, all right.
So, what are we up to? Eco3D. We asked for the more condensed version. Four legs, one oscillator each. Uh, each leg is a single hip joint. Okay.
Legs are steered differently from the body. The body uses the full muscle torque path. The legs don't. The oscillator's phase is read directly as where the leg should be through a simple map. The map gives a 77% stance, 23% swing rhythm.
Okay. So, it's only swinging for a quarter of the time, I guess, is all that means. Most of the cycle the foot is planted. Most of the cycle of the foot is planted and sweeping slowly backwards pushing. Okay. Yeah. So for 77% of the time it's just basically outstretched and following the movement of the arc of the body and then 23% it goes back up to the top. Um the four legs for form a diagonal trot. All leg couplings are anti-phase. So the left front and right back move together.
Yeah. Awesome. All right. The legs grip the body wave. Okay. So a strong leg to body coupling near the hips make active leg impo the active legs impose their rhythm on nearby body segments.
So it actually so the nearby legs impose their rhythm on the body segments. A standing wave when walking. I think that makes sense.
Um you have some advice. Well cool. I' I'd really appreciate that. I'd be interested to hear about your project, too. Um, but getting funding is a big deal. So, legs fold first into swimming.
Um, okay. So, they fold into swimming. So, legs run slower and saturate at slower drive than the body. So, turning the drive up shuts the legs off and the body switches into swimming. So, when it's when it is uh actually I could draw this a little bit better. when it's swimming.
Let's open this up and then go to the top again. I'm going to try this drawing thing again cuz I do think it's a cool like stream thing. You know, it worked for Pirate Software, right? I know we all love him. So, um, basically when it's swimming, the legs are just going to be like facing straight back. They're going to be tucked in and the body is just going to be doing its own thing.
And then when it's walking, they're are going to be striding. So they won't reach forward when it's swimming.
They'll just be tucked in and they'll be doing like a wiggle uh to swim along.
So the build order, this is phase D, walking after the swimming. When swimming, the legs are saturated and do nothing. So we understand them now and build them later. All right. Confirm.
Continue.
Um, don't introduce any payment systems unless you have a Delaware COP setup or wait uh a Wait, you're Australian. I believe could be different. I was going to say that is relevant for the for Australia. Um, yeah. So, I have a a business. So, basically it goes through the business. I think the equivalent might be a trust. Uh, you want to have a trust set up and I do need to do that once I start monetizing these things. I will set up a trust. um that basically just puts a buffer between you as an individual and the business that you're running. So if somebody basically if somebody sues your business, they're suing the capital that is available to your business which is in what's called the trust and that means that they can't get your personal money. Um it's like a buffer. So you put what you need in the trust. the trust is what the business uses and the trust is all that can be provided to somebody suing. I think that's how it goes. Um but that might be a similar thing to the CC corp setup Ccorporation.
All right. So the concise version by the way when you click on this cloud it gives you a little thing that you can then feed to the creatures.
I don't know if the creatures are like that interesting to have on the screen, but something interesting, you know, something moving. So, this is for vids.
It's a concise summary of what we're going to do next. Right now, we have the login and the signup. The live streaming is already working from OBS. You can check that out right now if you want to see vids. It's the same thing that's going on here. Um, but it's on my own thing. It's kind of exciting and it was very quick to set up. Live HLS player live chat. Uh, we do have the the live chat going down here. Um, I, you know, got some messages from Limo. I appreciate that. I don't know if this is actually a web hook right now, if it will live update.
Um, so the viewer cap is currently limited to 25.
Uh, the studios go live page with the stream key. So, that's just for the user to set up their streaming. Um, and so what's missing? We have we're missing the VOD recording playback. So that'll basically save the streams after they finish the credits and Stripe payment um re relevant to what you just mentioned flip with Kyle. Uh but I I probably will set this up because it's not going to be deployed just yet. Um actually I might defer that. Uh we'll just basically think about what we're going to do next right now. So the com comments and the follows are not buil built. The comments will only really be important for when the VOD recording is set up because the commenting won't be available on the stream. It will just be chat. Um, Limbab says, "I think it's a thing for startups seeking venture capital. Um, not a trust from the few sentences I read. Uh, please confirm at Flipwith Kyle. Stripe Atlas. Get that, too. Stripe Atlas. All right. Um, I'll keep that in mind." Um, also thanks to whoever voted. Five total votes. It's cool. Um, it looks like uh between I subscribed and thank you. I really appreciate anyone who subscribed and as anything.dev.
Um, so I will focus back on as anything.
Just I'll decide what we're going to do here first. I think that the thing that we need to do first is the VOD recording. That makes the most sense.
And there you go. It's already suggested the VOD recording is next. All right.
So, give me a concise update.
a concise overview of what is required to set that up and how you will write up the openspec.
I think we already have already have all the R2 credentials. So that's Cloudfare R2 storage. Yo, Batman, welcome to the chat. Um all I I'll just follow up in a second.
credentials uh in Doppler.
So that's just going to give us the instructions of what it's going to do.
Uh sorry to disturb you. Can you do me a favor? Can you open the project AI assignment evaluator and run once only?
Uh only running once. I just want a SS.
I'm not sure what an SS is. Um but yeah, I can open that up for you. Um just give me a sec.
So this is a project I was working on with um with Yorker aka Batman. This is um an AI platform that will you basically upload a rubric for a assignment and then you upload the assignment what you're submitting and it will give you an assessment of how well you actually completed the work. Um and last time uh we I basically um added some tests. So now uh the testing as as I remember is working well. So everything was passing. We had a size limit so that if you uploaded to too large of a project then um it would cap out before getting sent to the LLM so that we wouldn't have any errors from the LLM from too large projects. So, the way that uh we start it up, um a screenshot, if you want a screenshot, man, you can run it locally. Are you are you struggling to to get it running locally or um I'm happy to set it up either way. I like your little dude there, Limo Lab. So, I like that. Um clip with K says, uh there are certain business setups that investors prefer.
Yeah. And I'm not a I'm not an investor.
I'm not barely a businessman. and I'm a I'm a developer trying to develop businesses. Um but yeah, so I appreciate your insight. So, uh in terms of setting it up, um can you send me some screenshots of this project in Discord?
I don't I don't get it. Uh can you have are you able to to get it running locally? Uh having trouble setting it up. So, all you got to do I've got the uh this document here, this running locally document. All you got to do is add your credentials. You'll have to set up a MongoDB uh connection string, add them to the ENV. Um, this is pushed, this uh document is pushed to the repo.
So, you've just got to put in these credentials that it outlines here into the ENV files. Then, you just need to CD into the front end and into the back end. So, we just go CD back end. Uh, and then we'll do an npm rundev in there.
And then open up another terminal. CD into web, which is the front end. Uh, did we rename that? What are we in right now? Uh, we're in the back end. So, CD upper level. You can barely see what I'm typing with the little creatures. And then we go cd into web.
And then this will be also npm rundev.
And that's all you need to do. So, you got two uh folders. You want to have two terminals, one in each of them. And just run npm rundev from each. And then make sure that you've set up your MongoDB cluster and you've got the connection string in your ENV vase. Uh and then same with your Grock API key. And that's all. That's all you really need. A couple of other little details here, but it's basically the same thing. Um and yeah, so that should be working.
Let's uh let's pause this first of all so it's not taking up too much. And we'll do a local host to Uh let's see. So it's not the connection isn't working.
Um could not connect any servers in your MongoDB uh cluster. I think it's because it's not on the white list because I already have three local servers running. So it's going to be at 3,3 and I don't think it goes up to that. Um but yeah, I think that I think I'll probably uh just leave it there. just kind of give you that quick overview.
Um, rather than actually sort of running it again because this would be repeating uh the previous work that we did. I won't be adding anything new this stream. Um, please send me some screenshots now. I need it urgently. Um, like only screenshots of working it. Uh, yeah. Look, uh, just get it started locally because this this was um, yeah, it should be pretty easy to get started locally. Um, I'd rather work on the other projects for now, keep the momentum going. Um, especially because it would just be rehashing work that I've already done. In the last stream, we finished up the testing. Um, but yeah, just you just got to just CD into each of those uh folders and then just do a npm rundev from each of them. Make sure that you got your cred credentials in there. I could even send you my credentials if you wanted because I've just got them on the free tier and I don't think there's any any risks with that. Um, but yeah, all the instructions are in the repo. Um, let me know if you have any trouble with following the instructions with uh any of the steps and um I can help you out. But yeah, I think that it would be best if you if you grabbed the the screenshots. I think that makes sense. Um, but yeah, I' I'd like to keep keep working on these. Um, flip with Carl. What's he trying to do?
Run an LLM in the CLI. Uh, no. So, it's a project that we uh have been working on, which is basically just a similar project to these three that I'm working on. Um, but it's using an express server with an Nex.js front end. And it's an AI assignment evaluator. So, you just drop in your assignment and the AI assesses it.
Um, but yeah, I think that if you want some screenshots, I kind of don't want to do that on stream live. I could maybe do it off stream, but I just want to spend my time focused on my three main projects. Um, yeah, that's the that's the ticket there, Limo Labs. But yeah, sorry that I can't grab grab those screenshots right now. I just kind of want to keep the momentum going. Um, all right. So the votes have been for as anything.dev. So I'll focus on that. So all five tasks are complete. Here's what's changed. All right. So we can check out the chat thread now at gazilla. It says gazilla.dev cuz that's the old version. So the first thing I want to do is say put the scan the repo scan at the top. The repo scan should be at the top at the top. Then the uh task messages below.
And the other thing I noticed was that this looks different. First, get your editor set up. Download and install V Visual Studio Code. Um the messages the message also I'll just refresh. Make sure that it's um the latest version, the latest update.
Uh also the message also looks different to the original message.
original message from the intro sequence.
Um, look at the uh git history, the git history for the intro sequence and use the same messages and uh components as that.
And so this is the message I'm referring to.
And then I'll just do this. All the messages the task messages uh should be from be from the original content dot.
Okay. Um, make sure you have the the right libraries installed. Uh, yeah. So, even in those instructions, it also mentions npmi. So, you just do an npmi and that'll install everything. But actually running npm dev should do the installation, too. But, uh, yeah, there's a a document in there that um has all the instructions. npm install or something like that. Yep, that's npmi uh is what it needs. Uh do that before each folder in npm rundev. Uh I'm about to uh throw down with Claude. Nice dude.
Um sweet. Uh are you going to work on um I forgot the name of it, but the project that you shared uh earlier? It's a very cool looking project. I'd be very interested to to help you out. Um like I I helped out um Clipana or Batman. And I'm also happy to continue working on your project, Batman, if you're here, but I just don't kind of want to just spin up and kind of rehash uh what we worked on last time right now. Okay. So, um part six, turning turning and behaviors. So, we're in Eco3D. We're creating the movement of the salamander.
Um it'll initially be swimming, but eventually it'll be walking. And so, this is beyond the walking stage. Uh it's the second to last step in the process. I think there are seven overall. So this is what will enable it to actually respond to the environment, track items, hunt prey, stuff like that.
So the turning has no separate system.
There's just uneven drive. So every every one of the segments has a contraction on either side and the contraction works in a sequence down the body of nodes. And so the movement will just be more contraction on the side that it needs to move towards. kind of like when you paddle a canoe, you just push more on one side to make it turn and it's just going to propagate that down. Um, and it should already be like it should have all the reference material for how to construct this from the source PDF the uh the research paper that it's building from.
Okay. So the headline forward gates headline forward gate is already differential even going straight. The papers forward stepping gives the front three segments a lower drive than the rest of the body and legs. This tunes the body wave. The same knob pushed left or right is what turns. All right. And every time it says paper, I I've told it earlier. I want it to reference when it's building from the paper and when it's building from anything else. But these little indications mean that it's holding faithful to the actual paper.
Um, code facility. Yeah, that's the one.
I'm looking forward to to helping you out with that. I haven't had time to dig into it yet, but I'm very keen. Uh, I've been working uh with it as I watch.
Nice, dude. Yeah, co-working. I appreciate that. Um, I have the bridge talking to the extension and web browser AI agents working and coordinating.
Getting there slowly. Uh, flip with Kyle says, "So, MongoDB is your database. Do you have an MCP server, so your LLM can edit the database, which is dangerous?"
Uh, I do it though. Um, I work with Superbase. The project that, uh, Batman and I are working on uses MongoDB. I haven't set up an MCP to work with MongoDB, but I do definitely use an MCP with Superbase. I highly recommend it.
Although, yes, you're absolutely correct that it is very dangerous. Um, I recommend using uh feature branches. So, create a branch on your database, copy any data that you want over there to experiment with, run the MCP however you want on the preview branch, and then just be very careful about any mutations you make on the actual main branch. Uh, Clipana says, "Okay, can you send me your ENV for a while? I figured it out.
I want only some screenshots." Um, I'll send you it off off screen just because otherwise it would share it with the stream. So once the stream's over in about 50 minutes I'll be able to send that over to you. Um but uh it's all they're all free so you can just go to Grock and go to MongoDB create a new free um instance of each and they'll work. Limo Labs um living the dangerous life. Yeah, flipping with Kyle. Uh the MCP database dangerous life. I'm not doing that. Uh good points. I use Superbase 2. Yeah, Superbase now uses branching. So, uh you can create you can also set it up so that it automatically creates its own feature branches when you create a pull request. Um and you can also maybe conditionally make it so that it only creates that feature branch if that pull request contains changes to the database like migrations or something like that. Um, but I actually have it set up on my main work project so that it creates a new superbase branch for every single pull request so that it's totally isolated and you can just experiment. Go nuts and then merge it in when you're ready.
Please, I need it now. Please send it now. I don't mind sharing on live. Uh, well, there would be my environ.
Um, bro, it's it's really like no one's going to take it anyway, bro. It's like it's they're free. They're free credentials. uh just go to MongoDB, ask ask an LLM um how to get the credentials and um uh and yeah, just just set up a free MongoDB cluster and a Grock API key and uh yeah, give it a go. All right, nice.
I'm glad you're going to give that uh give that a go with the the branching. I think it's pretty helpful. Um I find it really really useful. Speeds up the development, keeps it really safe.
All right. So, part six. Uh, one more to go after this. Um, turning has no separate system. Let's actually switch it up a little bit. See what else we can work on. vids.tube.
Um, all right. So, quick correction first since it changes the setup. R2 credentials are not in Doppler yet.
The current secrets are in justest shared. Uh, next public stream host. I thought that I did put them into Doppler. I've got Doppler. I'll I'll open up Doppler over here. Doppler is just a basically uh a place to store your environment variables safely. So that's another reason why I'm uh not wanting to open up the files in our shared repo um clipana because I have them stored in a git ignored file in there. So it actually showed on the screen. But Doppler allows me to host them away separately. And then the CLI, like when you run npm rundev or npm build, it injects those um those credentials in the actual CLI uh in the command line. Uh but what I'm looking for is vids.tube. I know that this is off screen. I'm sorry about that. I'll bring these guys over here. There's some movement going on. But basically, I just wanted to check if we have the credentials and we don't. So, I'm actually not going to set that up. I'll see what I can set up without them.
Um, but I do have the Cloudflare account ready to go so I can grab those credentials later. So, what's required to set up set up the VOD and recording and playback on the VM? We need to turn on stuff on the VM, but Claude actually has direct access to the VM. So, it can make changes directly. I think that it can do these things here. Um, we need on the stream end a script re remes remixes the recorded segments into a HLS VOD. No transcode. OBS already sends that. Okay. Then upload that VOD to a folder on R2 and call a new app hook to register the finished VOD. So the app side videos table um new inest hook. All right. So let's ask for so give me be concise and use plain language.
Um I don't have the credentials right now.
Uh right now what can we set up uh set up right now and what can you do directly? Can you do directly uh to the VM directly? Cuz it should already have access credentials to basically do MCP style stuff but just through the CLI. Um yeah, Lima Labs um Yorker take this lightly.
This is how you learn and things like these you do it once and once or twice and it's embedded into you. 5 minutes of talking to AI. Yeah, for sure. And it's one of those things where it's it's very very quick. Um and yeah, once you get familiar with it, it will allow you to do to build many different kinds of apps. cuz from what I understand, I'm not sure if you still hear Batman, but from what I understand, you're wanting to learn how to build apps uh and your preferred uh stack is MongoDB.
And so like the more you can practice getting familiar with just uh creating a new free cluster, grabbing those credentials and um plugging plugging it into your app, then you'll be familiar with it and you'll be able to expand it, build it faster, and um and keep working. Uh but yeah, I'm I'm happy to help offream. um just, you know, hit me up in the Discord and I can share those ENV varss if you do want to use mine.
I'll probably have to delete them soon after because I just don't want to share vase and keep them out there. But yeah, happy to help, but just um not right now on stream. Um flip with Kyle says, "I was going to say something similar.
Debugging and solving these types of issues is what being a dev is about."
Clipana for sure. Uh Cloud Cloudflare, yummy. Uh yeah, I love Cloudflare. It's so cheap. I don't understand how it's so incredibly cheap to host videos and like a massive amount of storage. The egress is like nothing. I get a bill for 30 cents a month. Strange. Um, okay. So, uh, here's the honest splits. Can you build it right now? Everything except the actual upload. So, R2 only matters for where the finished file lives, not the rest. So, the app side is fully buildable. Um, and it should the VM side works with that R2. Okay, that's what I'm interested in knowing whether Claude will actually be able to do it directly.
It says no, it can't do it from here unless you've got SSH into it. Uh, it's set up on the machine and tell me to use it. Um, and I'll confirm before running uh on live infra. Okay, so I don't want to do anything externally. So, want me to write the openspec change scoped to the no R2 slice now R2 upload as clearly marked as a follow-up phase. And do you want SSH? Do you have SSH from this machine to the VM? I do. That's how we used it last time. I don't know if it's scoped to this user, though. I think cuz I've I've got two users on this computer. One I use for streaming. So, I'm not actually sure that it does. From what it sounds like, uh, it would be better if I have these credentials set up. Um, having only 40 minutes left in the stream, I think I'm going to put this on the back burner and I might come back to it in a minute if we're looking for some more stuff to do. But for now, I'll do as anything.dev and Eco3D.
All right.
Um, I fang girl over Cloudflare. I I run my W services from my local server via Cloudflare tunnels, uh, and etc., etc. Cloudflare is the goats. Uh, it's not SSH, it's sh. All right, I'll I'll I'll say from now on. I'll take your word for it. Okay, so part six, turning and behaviors. Back to Eco3D. This is the second to last step. Uh, turning has no separate system. It's just an uneven drive. Send a different drive value to different parts. Okay, we've talked about that already. So, it's basically like, you know, steering a canoe. Um each node has a drive on either side and one side is reduced or increased to turn the headline forward gate is already differential. Even going straight the paper's forward stepping gives the front three. Okay. And that's also we've talked about that all five behaviors come from drive settings alone. The swimming forward terrestrial stepping and forward underwater stepping. That's cool. Um and the backwards stepping.
Sweet. So that does have backwards gate in the paper. That was a huge problem with the original version that I created of this app. It would it didn't know how to go backwards. U struggling.
That's interesting. That's like a form of movement. Feel like I can relate. Um our regime is fixed uh tonic drive. No noise. The papers in vivo runs zero out of out the random or drive terms. That's what we use where this sits phase e turning and behavior presets uh matching table 4 after swimming and walking work.
The actual attractor left to rights drive split. How the lizard decides how hard to turn towards the target is ours to design. Okay, that's phase four, which is head tracking.
So, and it's highlighted this is ours.
So, this is a deviation from the paper.
So, turning and behaviors presets match table 4. So, we're taking the turning and behavior presets and then we are basically having the input into the system that's coming from the paper coming from our own systems. So that was a bad way to say it, but basically the internal structure of how it will turn is coming from the paper and then we just direct that structure from our own system part six one line. Okay, we we've already got all that. Confirm and I'll write it up. Confirm. Continue.
And then after we do the next one, uh it will write up the open spec. Uh, I want to do one open spec at a time for each of these stages and then we'll be able to actually review and see whether it is whether it's working. Um, 40 minutes.
Uh, you're creating a regime with Claude, the new regime. Um, come with comrades.
The Claude Claude is my comrade. Okay.
So, uh, clean only the preexisting CMDK error. I don't want to worry about that right now. What I changed and why. Uh, you were testing an existing conversation. Two things made it look wrong. We're currently looking in as anything. Oh, we're looking at an existing conversation. And so it stored the history, the chat history um like from what it printed from the previous wizard. So we need to create a new chat. If we do that, then it's going to scan the repo. Scans at the top now, which is good. And then we have the new stuff in here. There we go. So, um, I will add more information like I'll say you have these tasks remaining. We might as well do this right now. So before the task messages uh I want to there should be a new message if there are prerequisites not yet completed then it should show a message.
It should should it should show a message listing uh with a checklist with a checklist uh of the prerequisites showing which of the prerequisite tasks preerequisite tasks have been completed with check marks.
and the pending ones with hourglass icons.
And I'll I'll actually call them Lucid icons so that we're using the ones from the same uh icon library.
So that'll basically just say rather than saying, "Hey, VS Code, you should install it." We need to have a message saying, um, these are what you need. You know, you're going to need to have an IDE and an AI. These are the ones that I recommend. So, uh, I'm not going to give those details about what it should say, but we just need to have that checklist showing what needs to be done. And then this should be the last step here at Eco3D. Uh, so far the CPG is open loop.
So, the drive goes in, the rhythm comes out, and the controller never senses what the body actually did. The feedback closes the loop. So, the body's real joint angles flow back into the oscillators. Okay?
And this is all from the paper. We have some from ours here. I want to just keep an eye on that. Two kinds. So, axial pro prop Oh, propriceptive feedback.
Propreceptive means sensing where your body is in space. So, it's like when you close your eyes, you know where your hands are in the world. Uh, simulated stretch receptors read each joint's actual angle and nudge that segments oscillator. uh feeding the last term of the phase and amplitude equations.
Kind of lost me there, but I I want to skim over it. Effect the CPG entrains the real body motion, sharpens the wave, pulls the swimming phase lag towards more physiological values and adapts load, adapts to load and terrain. I get the last part about adapting to load and terrain, but I don't understand how sensing the body is going to like if it contracts on one side, what's the use of knowing that it contracted because isn't it isn't it providing that force? I think it's because it comes from a robot and so it needs to know like is it in water? So, if it's in water, it will move less because there's friction there. Uh whereas if it's on land, it will uh it will just sort of bend way further. So it needs to limit that. But I still because we've already gone over the system that's going to cause the the swimming motion. I thought that would be independent of propriceptive feedback.
Uh I'll just keep reading. So an extra term on the leg oscillators that's the strongest at the end of stance and can only speed up the cycle, never slower it down. It ties the stepping start ties the stepping rhythm to where the leg actually is. That makes sense to me. So, it needs to know where the leg is right now in order to know whether or not it needs to take a step. Why we skip it for V1? Okay. So, after all that, we're going to skip it for V1.
Uh, the open loop CPG already produces all the behavior on its own. That's what I was just thinking. Feedback is an enhancement. better swimming phase like recovery of okay okay cool phase seven is uh in one line oh also what's this where this lands so phase G is optional it's last and it's fully recorded in reference in reference so we never have to rederive it um part seven in one line feedback closes the loop okay that's cool it's basically polish uh confirm continue I I think that that will mean that we've finished. The only remaining dock step is expanding part 8, the full rig mapping, after which we're ready to write the open spec. Nice. Uh, you should look into patenting anything you develop that's unique. Facebook stole my features last month and there was nothing I could do. Bro, you must be making some pretty killer features then.
Uh, big tech looks for people uh like us. They will take your ideas and release them for free. Lol. I'm releasing them for free. There are these these all these repos are public. You can check out the description to uh link to the repos. The idea behind these projects is that um there I can share them because they're personal. Um it's like you're not really going to go the idea is that you'll go to asnthing.dev because you've watched my streams and you want to you see what I am doing and you want to do what I'm doing and you want to learn from me. Um not because I'm better or anything but because it's familiar and you can see that there's already alignment there and yeah and so it's kind of like a personal thing going to my website. So if they stole this and stole the approaches here, I'm not really reinventing the wheel. Uh, I'm just basically solving a problem of like what I'm doing anyway. It's like I want to link to your account. Uh, I want to see your repo and I want to be able to chat with you about your repo and I want to like give you like these wizard steps and an AI that's informed about my approaches and stuff. And then, you know, the live streaming, this is basically just my own little version of YouTube. Again, nothing not reinventing the wheel. And this right here, I'm using an open-source um uh reference source to actually do the difficult part of this app, which is animating it. And other than that, it's just basically a 3D printing store. And so it's like, you know, you could just sell 3D these 3D prints directly. And I'll just be making a game out of it. So, um I'm going for the open source approach and trying to uh build an build an audience, build a um a user base instead. But, uh that's the idea. But yeah, if you're if you're making stuff that Facebook wants, then that's that's good. It means you're you're doing something right. Okay. So, mapping onto our rig. All right. So, this is the last step. Before I do that, I just want to continue with as anything.dev. And one thing I just noticed was I want to make these hourglasses into check crosses rather than hourglasses um use red X's and I'll come back to that. But yeah, I like this. So here's your setup checklist. I'll fix that later.
Basically like the the wording and stuff, but I'm just sort of going through and making sure that we uh can set up things correctly.
And then it's it's almost at a state that I can release that app. Um, as anything dev, it's very very close. Um, this kind of looks bad. I don't like how it's showing a red X now, but I'll think about that. But yeah, this is nearly finished. Nearly kind of at least the first version is finished. um because it's going to be very useful in its existing state in just helping people get set up and set up the foundation correctly.
Uh it was an obvious improvement to marketplace. Okay, nice. Um yeah. Well, I mean if you if you if you're if you next time you have an idea like that, give it to them. Like I know that that sounds counterintuitive, but like if if they see you, if you can increase their bottom line, then they will want you. Uh they will want you on their team. And if you can say if you can give them an idea, it reminds me of um the Steve Jobs movie. I can't remember which one, but the dude that showed the um the task bar items expanding like the the zoom thing, the the mag uh magnification thing and how he showed it to Steve Jobs is like you like this and Steve Jobs is like you're hired. Um it's it's kind of like that if you have a feature just like just share it with them because there's also the idea of like how much could you uh not like saying I don't know actually maybe you could capitalize on it really well but we as individuals probably can't capitalize to the extent that they can and because they can capitalize so much on it you want to give them that leverage so that they want you to keep giving them more leverage and then That's where they'll they'll give you the money for that rather than trying to make the money ourselves. Long-winded version, but that's my suggestion. Um, I got to the third interview with Facebook about 6 years ago. Uh, they already knew about me and passed. Okay. Uh, well, you know, there's a hiring freeze at the moment, so I'm not I'm not too surprised. It's very very difficult. Um, even, you know, even really valuable employees are, I think, incorrectly being let go. Um, I reckon AI is the excuse that they're giving, but in reality, I think that we're just in a silent recession and it won't be silent for long, but um, but yeah, uh, I prefer to be independent anyway. I don't know if you're the same. So, part eight expanded. This is the last one. I thought the previous one was the last one. Four inputs come from the rig.
Everything else is in the paper. Okay.
So, what comes from us? the instantiate to instantiate the model for any model we only read the number of spine segments uh build the build left to right axial oscillator pairs always for limb oscillators. So this is the flexible approach where I can apply this model to any of the types to any of the dragon models that we have which has a different number of spine segments but they all have two hips and four legs.
And so this this step right here is basically adapting our existing foundation to the uh animatronic model that we're uh ingesting or that we're integrating.
The network is size independent. All right. All good. Simulation is planer.
So we're just doing flat right now.
We're going to add 3D later.
Uh read mapping the bridge. Okay. uh on one network, both gates, any rig. Sweet.
All right, confirm and continue.
And we'll go back to as anything.dev.
Um take Twitter converting uh to X for example. Yeah. Yeah, for sure. Um I got funded. I don't need them. Nice. Yeah.
And I'm I'm super keen to hear about your project you got funded for, by the way. In fact, that's why I'm I'm a full marketplace. They created a real competitor. There you go. Um, I think there's going to be more and more competitors with the large companies as vibe coding enables more individuals to be more competitive. I'm going to leave the styling for now. Uh, I don't want to get too hung up on the details. I just want to think about how this is working.
So, we start off each chat with a scan.
Uh, right now the scan isn't too useful.
The styling again, I'm going to change it. So, this is looking at what's in the repo. Right now, all we see is that there's no nex.js installed. Um, but then more importantly, we say, "All right, so here's your checklist for getting set up." At the moment, nothing is. Um, I want to move this to the other side. So, look at the action buttons from the intro sequence.
Uh, eg. Yes. No.
etc. Um, apply the same styling to the action buttons uh in the chats. And then the example that we have is I've installed eg I've installed uh VS code VS code.
Um also use that style for the last button in the getting started process in the intro sequence.
which is um and rename it and use the text uh with the text with the text. Every time that happens, I've got like this pile of these things now on the side of the screen.
I I can feed these creatures. Like give this dude a piece of pizza.
I don't know if this thing's interesting. I think it's just good color to have at the bottom. Um, all right. So, and the text should be is create start a new chat.
Okay. So, that's just to get this to be over here and looking like a response that we can send. I want to go through these steps, make sure that it checks these things off. And then I also want to test whether we can send an an AI send an AI message and an as message and whether they're handled correctly. The AI should actually be context aware to determine whether the typed response is just meant to be an answer like a response. For example, if it asks them a question and they type uh yeah, you know, rather than yes, then there will be a passing uh cycle where the AI will say that they're not deviating from the wizard. This should be interpreted as a response to the wizard workflow. And otherwise, it will deviate away and say, "Okay, we need to answer this guy's question or gal's question." And then after they finished having conversation, it will then link it back into the wizard and continue back where it was uh from. So I want to test all that stuff too. I'm just doing a bit of polish right now.
Um and Eco3D is ready to start building and so we'll actually be able to see some of that animation. Uh even though it's it's taking a little while, but before the stream's over, we will see some of that animation. Um agreed. Uh, so I'd like to try and bring real world experiences into digital spaces and that's been a huge innovation strategy for me like uh a way to view projects.
Okay, nice. Uh, but that's pretty obvious. People have been following that logic for decades.
Yeah. Um, that's kind of the, you know, that's that's the even like the desktop experience, you know, like the first idea of having how do you like look at a uh at a computer screen and that idea of it being a desktop and you drag like documents around and stuff? Kind of reminds me of that. Um, did you know that the agents don't have to convert tokens into words to communicate with other agents? They can just pass tokens for cheap. I didn't didn't know that.
I'd have to like understand I have to look into that understand what you mean there. Um makes makes sense but like I'd like to see what that means because the tokens are words I thought you know like they are um they can pass tokens for cheap. Yeah.
I'm not sure. I've seen like packages where uh it models off of you know in the office where that character I think his name is Kevin he says why use many words when few words do trick and that's the whole concept like you you send prompts and you get the AI to generate responses using like caveman language and so it's like these just you know being very efficient for tokens um tokens and numbers are you sure tokens and numbers I thought tokens were parts of words. So like you could break up break apart the word tokenized into token and then eyesed like eyesed isn't a word but it's a section of a word sort of thing. Um that will help code facility. Okay nice it's a matrix. All right. Yeah it's uh over my head I think. I think it's above my pay grade.
All right. So close the table five gap.
All right the road map state now. All right. All right, so we got a full road map um walkthrough and decisions. Okay, decision point. The walkthrough is the gate that precedes building. The next concrete step is to uh create a phase a openspec change. Um that's a scope shift from documentation to spec code and openspec has its own purpose design spec task flow. So I'd rather not start it without your go-ahad. Uh yes. Uh start the open spec.
How exciting. It's been a really exhausting process to get uh this animation to work, but I think that really focusing on one focusing on one piece of source material that has a full animation or a robotics locomotion setup will be very helpful or at least it seems like it has been helpful already.
Uh they are words embedded into numbers and compared to every other number word.
Yeah. So it's a matrix of words like the tokens themselves are nodes in a network that can be represented as a matrix and so they can pass references to the tokens I think in matrix form but I think that that in the end it's a linguistic you know it's a language model it's a model of language so it's a network of tokens network of language fragments and so you could also call it a matrix of language language fragments.
Um, Lima Lab says, "What do you think the next big thing will be for the next generation OS? Maybe like a 3D uh spatial desktop." I've actually seen 3D spatial desktops. That was a thing when I was like, how old would I have been? Like 13, 14.
And my brother had one and it was really cumbersome. like you would walk into a different room to like get to your like recycle bin or something or like your desktop would be a real desktop and you would move things around your house. It was I can't remember how it worked but it was it was cumbersome.
Um you know what tokens actually are?
They're tokens. Ah, okay. That makes so much more sense now. That does help. Um it saves compute. I'm not making this up. Uh it's a Stanford MIT recent discovery. Yeah. you know, I I I believe you. Uh I just think uh like I I I don't have any basis for this. I need to look into uh you know, the study you're referring to. Uh but I it sounds like they are communicating not by constructing sentences from the tokens, but by referencing to the tokens directly. Um and so the numbers I think would be a matrix of token references.
So they would just say, "Look at this collection of look at this collection of meaning at this meaning cluster." And then it would read that quote unquote instead of reading a sentence constructed from that cluster of tokens.
Um that's like my my guess there. Uh but but yeah, I think that's kind of where that uh the connection between numbers and tokens uh may may be made. But again, I need to read it.
Okay, so all the action buttons now share the intros gradient. All right, so this is all just styling. So what I wanted to do next, okay, now we've got it over this side. If we click I've installed, I'm not expecting it to update immediately, but I'm thinking All right, so we need to refresh because it doesn't look like it's working.
Uh, so it's only showing okay.
um download the installer. Let's create a new chat and see if it's see what it see how it looks with the new chat.
All right, so we're seeing that the first step is complete and now it's asking for us to set up Claude code. And I think if I hit this, it's just going to give me the next button.
And it only says okay.
And now okay. So what we need to do is um when I click one of the one of the act buttons from the installation steps uh eg I installed VS Code.
It currently just says sends a message with just okay.
It should send a contextual message like I've installed VS code.
Um, also currently after it sends, okay, it doesn't show the next task message, it just shows the next task um act button.
And then this is eg eg I must be getting tired. Eg um I've installed claude code uh it should show the message first and then also when a an act button is clicked and the uh the task should be marked as done the corresponding task should be marked act as done in the initial uh you know I'll copy this in the initial message task message and then I'll say i.e. this one.
Okay, a few cleanup tasks there. Eco3D is still um chugging along. So I'll come back to that in a moment. Uh okay, so I need to add persistent light dark mode.
I keep getting flashbanged upon refresh post change. Uh yeah, you can also although actually that that won't be because you're talking about uh you're developing locally and then when you Yeah. So how do I do that because that's not happening for me. If I refresh I think this has light dark. Yeah. So this has light dark. I want to see if this is doing it. If I refresh this that's my local host. Yeah, it's persistent. So, I can figure out how I'm doing it, how I do it. Uh, I think I'm just using Tailwind, but I don't know what makes it persistent.
Um, yeah, I can't remember if it's local storage because that would probably require a fetch. Uh, but I'm using whatever is built into uh to Tailwind Chad CNN. You know what?
I'm going to do a quick uh what do you call it? detour and just ask real quick um using the the repo I know works that we just checked how is dark mode managed uh managed and we'll say be concise how is dark mode managed and toggled um how does it persist setting persist across sessions uh then brackets why don't I get flashbangs bangs on every refresh.
Um, okay. Thank you. Sorry, I meant code facility.
I might have missed what you were saying there.
Uh, that's just how current transformers work. Uh, I might have missed something.
Current transformers work. You could make AI in many ways for sure. Um, an act button is just an acknowledge button. So like in it it comes from the terminology for programming wizards like a wizard workflow of like say next or okay or I did that. Um, just an acknowledgement of the step of the instruction. Um, sorry I meant code facility. I'm not sure what you're referring to there limo labs. Like I I remember the project. I'm looking forward to working on it, but I don't know what you're referring to with this message. Uh, flip with KL, I'm sorry for coming off strong with our interaction.
I just love this stuff and dev lives.
Uh, lives uh are actually kind of rare.
Uh, lives. Yeah. Uh, it's nice to see your work and your projects. Yeah, for sure. I I haven't felt that you've come off strong at all. Uh, I really appreciated you chatting and uh I totally agree. Dev lives are rare. Um, and also dev chats are rare. So I I really appreciate it. Haven't felt any kind of harsh vibes at all. Uh I really appreciate you. I say that a lot.
Appreciate but you know I do.
Uh I was getting flashbangs by code facility. Gotcha. Um what is the best way for this browser cookies or etc. So I've just I I can't remember the details but I've just asked vids. The claude agent in vids.
How it does it. So let's have a look. Um the honest split. Oh, we want to look over here.
So, it's hand rolled theme system, not next themes. Three pieces. So, we got the toggle. Uh, I want to look at how it is persisted. Here we go. The choice lives in local storage. That's interesting cuz I thought the local storage would take a second to retrieve.
Um, defaulting to system. It also subscribes to prefers color scheme. So I think maybe it's because it's defaulting to system. Um so why no flash of unstyled something C fo u c the blocking inline script in this. It runs synchronously in the head before the body paints. It reads local storage, reviews the system against the media query and sets dark on HTML immediately. So the correct theme is on the document for the first paint.
So I think that it doesn't have to do with how it's being stored limo because you're probably doing local storage anyway. It's about the order of operations and this is already handled by Nex.js. I'm not sure if you're building with Nex.js.
From memory you were building with Vite.
Um I don't know if you have if you're using Tailwind. Um, I'll need to have a look at the the repo. Um, but when I when I spin it up, I'll I'll see I'll be able to work on it directly and do some troubleshooting. But the main thing is that uh it could be because yeah, two potential things. Either the the setting like the the read operation on the theme value is happening after the body is initially rendered. So it should happen before the body is first rendered or your system is set to light mode where uh whereas your uh your setting on your app is set to dark mode and so there could be a second where it defaults to the system setting and then flips over to the actual setting stored in local storage. So I'll I'll have a look at the repo itself, but um I find those kind of things interesting. So, okay. Uh, Eco3D looks like we'll work on that one next.
Um, uh, yeah, no worries. Slip with Kyle. Uh, yes. Okay. So, local storage would be like browser storage, cookies or whatever. Um, but if it's not set, it defaults to system. Um, I have always worked with Vite React for webdev. Is that bad? No. Vite's fine. Um, Vite is just a little bit limited because it doesn't have the same kind of optimization as Nex.js and it also doesn't have the integrated server options like you can't create API endpoints or server functions. Um, and it's not quite as not quite as easy to deploy uh more more like backend oriented apps.
So, Nex.js is kind of like V plus backend. Um, and I'd always recommend going with Nex.js, uh, because it has a lot of functionality out of the box, but Vite's very useful. It's what's used for Lovable, and I actually convert projects from lovable into Nex.js, and this app will do that. It's weird seeing my face pop up, but this app will do that. So, part of what this scan will do is actually check if it is a Vite app, and if it is, it will give instructions on how to convert it into Nex.js. It's very very similar because it works uh it's using React under the hood and Vite is basically a lightweight Nex.js.
Um and yeah, so uh this app will basically teach you how to convert it, but you don't necessarily need to. If you're using Superbase for example, you can basically have the backend operations all handled in uh the Superbase edge functions which is how lovable uh builds things builds full stack apps with VE. So V phase A of the OpenSpec change is created. Uh the OpenSpec CLI isn't installed. Oh, okay.
So I authored the artifacts directly. I don't like that. Um let me install the the OpenSpec CLI.
Um, I'll clean up. Let me clean this up real quick. Okay. Uh, I want to install OpenSpec. So, let's do that up here so it's a bit easier to see.
Openspec and knit. I think that's what it is. Uh, we haven't even got OpenSpec installed.
Uh, let's ask. I want to install OpenSpec and write the specs properly.
Uh, how do I do that?
install it. Once I install it, I remember how to initialize it, but I just haven't uh haven't installed it.
Um yeah, using V as well. Yeah, again that it's like perfectly reasonable. Uh it's just very front. I think it's only front end and so you'd need to spin up a separate uh server or as I said use superbase for the server. If you just use edge functions, you can work around it. Um yeah, no worries, man. I appreciate it too. Appreciate you guys chatting.
Okay, so I'm going to let this install um exact package name.
Oh, okay. So, let's do let's uh kill that and see if I can do it. npmi openspec.
Is it that simple?
And then I just need to do open spec and neck. Uh opensp spec init.
Opensp spec and netit. No mpm run openspec and it all right I'll let the AI do it. It knows it knows what it's up to.
All right. We got the formatting bug going on. So I'm going to have to kill this terminal and create a new one.
Resume.
All right. So, um let's test it out. These were the changes that we made before. So, now we have the message showing properly explaining what we need to install. We have a little button as well just giving um that will link to more information or where we actually install it. And now when we click I've installed, it should show I've installed the clo the code.
Do you need to say when I click the act button?
So eg this um there is a delay between there's a delay between uh so it immediately disappears disappears then there is a delay uh before the that button message shows uh the message should show immediately.
It should disappear and let's say immediately and be replaced by the message immediately and all right so Eco3D we're installing openspec install the CLI global not interactive so let's do this oh that'll just do it globally So, we were on the right track. Uh, but I just installed it to the repo instead of globally.
Um, you cursed yourself when saying, "Is it that simple?" Yeah, it's uh it's one of those uh one of those terms. It's like saying um what's the worst that could happen? Shouldn't say that either.
Do you offer developer services? Uh yeah, I do. So, I'm uh I'm working full-time for a startup at the moment.
Uh but I I have spent most of my development career on uh Upwork doing uh mostly fixed price contracts on Upwork.
So, you know, it's all changed since AI, but I've just been building full stack apps for a while for a whole bunch of different um people and companies. I did a couple of years at a different startup as well. And uh yeah, I I still want to do that. I still like working independently and with individual creators making their own stuff. And that's why I'm now pivoting to this.
This is kind of be going to be my uh new way of packaging my development services. Um so it's going to be a lot more like smaller bite-sized chunks. So rather than trying to get big projects, um I want to get a high number of small projects and help a whole lot of uh smaller um businesses, smaller uh projects.
And um yeah, that's that's my my goal now. So I've installed that. Let's try OpenSpec and Nit. Now I really like the UI that they use for OpenSpec the the TUI. I like this. Um, so we want to do Yep. Hit enter and we're wanting Claude.
Oh, it's already there.
And then that's it. I thought there was more to that. Um, I installed it.
Continue.
Uh, write up the spec with open spec.
So that also installs all of this stuff.
So we got all these skill files here. Um and this is all open spec skills for uh creating the spec files um formatting them correctly, executing them and managing them and stuff like that. So we got explore, propose, archive, apply, and their skills that Claude can use to manage the files. And now that it has the actual CLI installed, um it can do the rest of the stuff. I I'm not actually sure of the specific details of how the CLI works, but it just writes big long big long instructions that Claude can follow.
Uh much traffic from Upwork. Um not as much lately. Uh it it was in the past. I used to like I used to have crazy just like it's crazy how much has changed but yeah I used to have a lot of uh work on there but um now it's a little bit more challenging especially with the vibe coding uh usually the smaller individuals don't have as big of a budget so they're like you know you have to find smaller contracts uh but every now and then you get a good project like I worked for a um a university uh creating a scientific big diagram um creation app uh that basically you know did things like it draw it it enabled them to draw uh membranes and then to make them actually you know dynamically create these membranes um yeah stuff like that so every now and then you get a good project but for now I'm really happy working uh with an hourly contract for this startup and uh yeah and working on my own stuff on the side uh so Me too with Upwork doing UX, UI, and writing. Nice. Um, I like the small chunking strategy. I think that's the way to go. Uh, I'm kind of expecting there'll just be more and more people creating more and more web apps and and also the price of the AI models of actually running the tokens is going to get higher. And so there's going to be more of a demand for being selective and not just like shotgunning and just doing through like trial and error. People will actually want to think like what am I going to do? What's my plan? How do I know what works? Who who do I follow?
How do I just, you know, do like a few prompts to get a long way rather than a lot of prompts to get a short way? Um, yeah, that's what I'm thinking. Uh, I wrote a university's website copy. Yeah, nice. Yeah, that's that's very cool.
It's like but you know that's the kind of thing that's harder to find on Upwork now with AI. That's the exact kind of thing where it's like it's still totally more valuable for it to be written by a human. But the fact is that it's we now have another option, you know, that's a lot cheaper. Again, it's not going to be cheap forever after the subsidies run out. Um, and that will probably uh give a bit of relief to uh a lot of the freelancing community when the cost of running these models comes up to more realistic levels, but uh it's we've all had to kind of adapt to to the AI coming on the scene. Uh would you be interested in connected on LinkedIn? I don't actually know if I have a LinkedIn. I don't think I do. Um, if I do, then I don't I don't remember the sign in. I don't really use any uh social media.
Uh, I think the only one that I use is YouTube, if you want to call that a social media. Um, but yeah, I'm just not a social media kind of guy. Uh, that and Discord, I guess you could say. Um, but yeah, I'll just be connected on Discord and on YouTube. And uh, eventually I'll make my own own social media. I've got a couple of ideas for that, but I think that there's going to be like a whole fragmentation of social media, too. I think I already mentioned.
All right. So, we've created, what have we done here? The optimistic completed tasks ID. So, we've fixed a bug. Let's just see if it's working. So, now when we click this button, I've cloned my repo. It should immediately send the message. Nice. And then it should send the follow-up message. I want to make sure that it animates into it's not currently animating in. Okay. So when I hit an act button, the next message appears correctly uh correctly, but it's not animating in.
It should animate in like the messages in the intro sequence.
Um uh I'll say they should all should all Okay. Um and then yeah, so we're just doing small check-ins, touchups with this. And you can see now we're progressing through. So we only have one more step here. Scaffold your app. Your empty is rep your repo is empty. I actually don't want this to be one of the tasks and I don't want it to be one that we've completed here. So, I'm going to remove that. Uh, I'm going to get it to look at what tasks we currently have and what we had in the previous version of the intro sequence and then remove anything that it's added. Uh, but first, we'll wait for it to finish that.
Um, I'm not missing much from from LinkedIn or social media. Uh, yeah, I I feel that. No, you're not. Uh, no, you're not. I just use it because it uh it is like the go-to IT industry thing.
More of a career portfolio than a social media. Uh, more of a career portfolio time. Social media. It's weird. Yeah, it's the kind of thing where like if I need to, I probably will. Uh, but I've just basically put my eggs in the Upwork basket and focused pretty hard on Upwork and now I'm sort of trying to do the independent thing. I was lucky that the company that I'm working for now uh head-hunted me. Uh, I had previously worked with one of the founders on another project and they sort of just thought of me when they they switched over to Superbase. So, they switched to Superbase and they were like, who do I know that works with Superbase? they remembered me and so that's how I got that job and uh yeah it's it's good it's very interesting project I can tell you a little bit about it um it's predicting uh predicting the outcome of uh I forget what the whole the group of markets is called but like poly market and kshi those kind of open-ended question markets predicting those outcomes using AI and uh yeah that's the general general gist I think it's all good to share that. I don't know. I I think that's I think it's more than okay to share that. There's a lot of competition in the field. But yeah, that's what I'm working on at the moment.
Okay, so we have the spec is already canonical. The CLI's own instructions for the specs artifact match exactly what's in there. Sweet. So running this would complete the proper setup. Okay, so run the open spec. I'm going to have to create a new chat again cuz it's getting all messy. This only happens in this user. Um, when I'm working in my other user, signed into my other account, it never gets that weird formatting stuff in Claude. It might be because the the windows I use in this are really thin. I'm not sure. So, how do we want to proceed? Um, run it, then revalidate. Completes project setup.
Leave it alone. and the spec is already valid. Yeah, just implement it. I'll just say apply cuz I want to actually see some of this get done. It's past 2 a.m., but I I'll I'll only wrap up once we get a little bit of progress on Eco3D. I want to see this thing start to move. Um, I tried to do that, but with Crypto, oh my lord, it's a rabbit hole. Um, I can't remember the context that was in. tried to do that with crypto. Oh, the prediction. Uh, the market prediction.
So, you tried to use AI. Uh, yeah, I could imagine that would be quite the rabbit hole. The thing with using a tool, a universally available tool to increase predictive capability in a market is that there is a risk of the market absorbing it. So, it's like if you have that edge, if you're able to access that edge, then anyone can. Um, so I I don't know. I I I'm not a I'm not a market I don't know what you call it, financial I'm not a finance bro, I guess. But um so I'm just focusing on building, you know, what they need to build out their predictive side and they're the the statisticians and the trading experts and I just kind of stay in my lane and uh keep up keep up with what they need. All right. So everything except the actual upload. R2 only matters for All right. So this is for vids.tube. I wanted to leave vids.
Because uh we still need some credentials there. So I'm actually just going to wait for this to finish.
And while that's happening, I can play a bit of this game. I don't know if this is interesting, but I do like to have something on the screen just so that there's, you know, something different happening. So, this I know that I can now like I can try and get a new dude, a new character.
Uh, but I don't know where all my coins have gone because these coins like fall out of the sky and then you use them in this machine to get a new character. Uh, but I don't know how to find these coins.
Yeah.
Uh, and I like I don't know if the AI will know.
Here we go.
Items.
Upgrade the cloud. Gold discount token.
Oh, no. This is to buy house. We could upgrade the house. We have 12,000 coins.
I don't know how I made all that money, but So, we could get the wizard nook. We could get this. the orchard candy floss cottage. I mainly just want to find where these coins are so I can get more like creatures, but I don't want to buy I don't want to buy a token because we've already got tokens. I'm not sure.
It was more algorithms you tried. Okay, nice. Uh, it was very interesting. Do not remove the game. It is very interesting. Do not remove the game.
Okay, sweet. All right. I appreciate that. You know, I I can never tell for sure. Uh, I will hide it and show it like this, you know, while I just figure it out. But yeah, that little this little progress bar hit. This guy's making us money somehow by like running along and we can swap him out. And let's try a different dude. I like this guy. I kind of want him on the screen. Let's put this guy in here. And each of them has a different little habitat. So, this dude's underwater. It's kind of cool.
Uh, do you get coins by playtime? You get coins, I think. Yes, by these little dudes. Like this little guy swimming in the water, but through other things as well. Like this guy, he's an elder apparently. And we got to try and get him onto his spaceship to go home, but we need to get wood and stuff. So like uh if we go open this up, this is our inventory. We need this stuff and this stuff. I can't remember where like you know where the list of things that we need for that dude is. It's not very intuitive the uh the game the game design here. Uh but yeah, you get these coins and then you put them into you put there's so much going on in this game. You put them into this little machine and then you use a claw grabber to like uh grab a new dude. But I don't know where my coins are. So I'll just hide this for now. All right. And this is in as anything.
So the typewriter animation should now be working for uh in the chat. So let's just try creating a new chat just to confirm that it is working. And then I want to check what kind of what tasks we have versus what has been marked like what was originally there in the first version of the intro sequence. So there you go. So now we're typing in the animation. I like that.
Uh I want to say compare the tasks the current set of tasks with what was in what was included in the actually no this is good I just realized the your repo is empty that's actually coming from the repo scan this is just saying that the framework that this is not installed empty repo So, um H I'm going to come back to that. See where Eco3D is up to. State is ready.
All right. So, that's still cooking.
Okay. So, this step right here, this is the setup checklist.
Scaffold your app. I want to remove that and have that be separate.
Um, but I want to have a list of the tasks. And in order to do that, I actually want to go to the admin page.
So, I've set up an admin here. And I've got like this little streamer switch.
So, this will show and hide um like users. If it's green, it means that these users are the ones that have given the me the ability to share their content on stream that they've approved that. And it also hides any of the emails. Like you can see this says redacted, but in here I want to add something that allows me to to look at all the tasks. So I want to say look at the admin page.
Uh, I want to add a the admin route because it's not just a page. We have pages within the admin route. I want to add a page that will uh display display and manage the tasks so that I can yeah display and manage the tasks.
You know, I want to see uh yeah, uh look at the way that tasks are organized and help me design a UI to manage it in the DB. Let's say a UI to manage it.
Okay.
And then when this is finished, when Eco3D gets this first, you know, the very first foundational movement animation down, that's when I'll wrap it up for today.
All right. And while they're while they're cooking, let's see if we can find these coins. I might just buy one.
Let's get a gold discount coin.
Oh, let's get a fancy one. Crazy token.
I can't afford that. Can't afford the gold. What about a gacha token? Let's get one of those.
All right. So, there you go. We got a token.
And I'm going to I want to show you what this looks like.
So, I'll I want to move this.
This is probably a bad idea because then I have to realign it.
But I just want to So, you put the coin into this machine and then it opens this up.
And then I want to move this so I can just show you.
I don't know. It's not really that important. It was It's better when it's the claw and you got to grab them. But this I think will give us a creature.
Or is it Is it a creature?
Oh, it gives us like a thing. Gives us a a house thing.
All right.
Can I put the house thing in here? No.
All right. I don't know how to install the house.
Uh the the room. Let's get another dude in here, though. I want to get another character.
Okay. So, that was a gacha gacha token.
Let's do a pet token. That's what I should have done. Okay.
Let's get the pet token. Here we go.
This game is called Desktop Pets. No, Desktop Paws. Desk Paws. It's called Desk Paws.
Okay, let's try and Do we want the whale looking thing or something else? I don't know what these other things are. I won't go for the whale because I can see what that is already. I'll go for this one. Oh, it's a countdown.
We almost got two in one, but we already had that one.
Okay, we got a cactus dude. I thought he might have been a cactus. Yay. Let's feed him something.
Close this.
And I'll put the screen back in the center.
It's a good thing. It's a good game, I reckon. Like, at least it's good for our uses, you know?
I think that's positioned well. I'll give him I'll give him a quick snack.
Give him a candy. There you go, buddy.
All right, back to work.
So, this is for the task definitions.
Um, we're just adding some UI so that I can have a look at what tasks we actually have. So, with functional only, okay, task definitions live in code with functionbased field. Only completions are in the DB. What should the admin task page primarily do? Only the completions are in the DB.
All right. Uh just do the completion view and completion analytics. Editable task definitions. Manage user completions.
I think I want to view and completion analytics because I want to see what tasks different users have actually finished. So if task definitions move to the DB, uh how do you want to proceed? If they move to the DB, we'll do an open spec first.
This was based on this though. So editable task definitions, manage user completions.
So this one will have Okay, so you select a user, you see what they've completed. This one is just showing tasks a list of tasks um whether it's required and the scope whether it's global or repo level and that would be useful. I think we kind of need multiple of these things.
Uh this one is editable task definitions where we actually change what's defined in there. So you can edit uh the dialogue title required instructions. We don't need to do that. Manage user completions.
I think that I think we're just going to do this right now. So, I just want to see what tasks there are and then later we can then edit them because I just kind of want to see them laid out right now.
Uh, if task definitions move to the DB or for any non-trivial slice, how do you want to proceed? We're going to say to do an open spec, but I don't think we're asking for something nontrivial. I think that this is a trivial request, so won't need to actually open spec it. Uh, this game is so ridiculous. I'm getting it.
Awesome. Uh, mind break for a minute.
Yeah. Yeah, I think it's a good idea.
You know, it's like switches it up a little bit, keeps it interesting, you know, something different on the screen.
I want to figure out how to unlock this room cuz somehow I got this room to happen. And I think that the that they might breed maybe if you put them in the room together perhaps. Look at this dude. Look at this guy's tongue sticking out. It's a very strange little character.
But this guy looks so sad. This uh this star guy. He wants to go home. He's got his little his little night cap on.
Yeah, it's kind of cool. I like that game.
All right, so that's cooking.
I do want to just wait until Eco3D's show until we can see the first version of Eco3D.
So, I'll keep myself busy until it's ready. Um, and all I'm doing right now at anything is just I want to see what tasks there are and what's global, what's not, and I want to separate. Basically, if we look at we go back to the app, I want to separate the tasks relevant to the scan from the general tasks.
That's interesting.
It's tell this was okay. So, that's a bug. So, we reloaded this page and we got the VS Code message. I'm going to try creating a new chat and see if I can recreate it if it happens with a new chat or if it was just because we refreshed the page or if it should go. Okay, so we go straight to the this the empty repo step. Uh, I'm going to go into dev mode.
I created this dev mode that enables me to um show what it would look like if a different scan result had happened. So I'm going to change this to having next.js. So rather than um saying that it's empty, we'll say that it's already set up with the next.js and it already has superbase, confirm the scan. And then this should change uh should change this answer. But it doesn't. It should say you've already got NexJS set up or something like that.
Here's what we can do next.
Okay. So now this is what we should actually see when this setting is true.
So this is saying that it's already completed all these things and therefore it should say what do you want to do next? Do you want to set up versal which is an optional um progress ticket uh task or do you want to add a feature and then this classifier dev panel pathway on route step route zero kind options ask choice derail.
So this is all new having to figure all this stuff out. Um, but let's just try seeing what happens when we hit add a feature.
So, this is I don't like this being here. This shouldn't be here. If anywhere, it should be in the sidebar.
Okay. So, we want to add a feature. Tell me what we want to do and I'll build it.
All right. This is a good opportunity to try out the AI. So, let's just say um give me instructions to build a sidebar.
And I'll just say I'll just try sending the AI. And I'm just basically exploring to see what comes up right now. Getting familiar with it. So that basically when I'm away from it, I'll think about what I'll work on next. When I get back to it, I'll have an idea of what to of how to progress. But I'm not sort of doing anything too focused right now. So this is the AI's response. Your repo is currently empty. Okay. So it's saying the the AI is getting information from the actual scan and not from the simulated scan, but we're out of dead dev mode, so the simulated scan may not apply anymore. Yo, bro, what are you doing? Uh, not too much, man. The biggest OG. Welcome to the chat. Uh we are working on three apps as usual. Um as anything.dev is the vibe coaching.
Vids.tube is actually live right now. Um so yeah, you can actually go to vids.t and see that live. Uh that's the other project that we're working on. It's going to be my little indie version of YouTube. And then the other one is Eco3D.
Uh which should nearly be ready to test out. Let's have a look.
Task group five, render mapping, rewriting. Oh, dang. Is it Is it writing everything? I thought we were just completing the first section, the first task.
Uh, but I'll wait till it's finished, and it'll review what it's done. But basically, um, I'm wrapping up the I I'm going to finish up Eco3D, get the first step in the process done. We spent the first half of the stream basically laying out the plan and aligning it aligning the AI with a research paper that describes how lizards move and then uses that locomotion to animate robots to make robots swim and walk. And we're going to use that same locomotion logic to uh make this little lizard uh our little lizards here. I'll show you in a sec. Make these guys walk.
Uh, one sec.
Yeah. And so that's the idea. And then they will be modeled after these little 3D guys and they're 3D printable dudes and you can you can play with them in the game. They'll be like a little natural simulation.
Aaron Gazald.dev. Let me make sure this is right.
And yeah, that's what we're working on.
Um, AI costs are projected to increase significantly as venture capital subsidies end. Uh, with industry analysts expecting the current API interface prices may rise to 3x to 10x.
Yep. Yep. I'm expecting about 3x. Uh, from what I can tell from Claude, uh, 3x is, you know, 2 to three is pretty, you know, reasonable expectation. Uh, a normal subscription of OpenAI or Anthropic will be like 90 AUD minimal.
Yeah. Uh, I think Claude for the biggest model. Uh, I'm the one I'm using is about $300 Australian per month, which is already a lot, but I I can't go down a level. I I cap it out. But yeah, I think it's going to cost about, you know, $1,000 a month, you know, 900 or something like that. Uh, the biggest OG.
Oh, I get it now, bro. Sweet. Yeah, I I appreciate you dropping in. Um, cool.
And thank you for voting if you voted. I think maybe uh you voted for as anything. So, this is my main, this is kind of like my flagship uh app. The idea is that this will this is like a chat app that will guide you through creating your own web app and then I can also uh jump in. You can also chat with the AI uh that has the context about your progress uh through the app as well as it can read your repo, scan your repo, see what state it's in. Um, and we're just going through troubleshooting. We've made some progress uh making these tasks a little bit clearer. The latest thing that I've just added, waiting for it to finish now, is that we added a task view. So, if we go to admin/tasks, then we'll be able to see uh see the tasks. So, we don't have a button in here yet. Uh I'll just go to it manually.
No, we don't have it. Admin/tasks.
Uh oh, no, this is for the design. So, we'll just hit apply and that will implement it because I'm just wanting to see like a map of the tasks that the users can complete and a little bit of information about how they're scoped because right now we just have these um these are like the prerequisites to get started on the app. And we have this bug happening as well where it replays this.
We've already finished this. It basically I think is because it loads in. It sees the initial state coming back from the before the database request has come back. Uh it keeps the initial state of like the blank slate and then it sends the message before the database response. So we just need to clear that bug up. But yeah, $900 a month is indeed nuts. But it's why I'm going so crazy programming as much as I can as fast as I can uh with these three projects. took me a while to figure out which projects to work on, but now I'm I'm really happy with these ones. I can't I don't know why I can't sign into this app right now. Um, am I spelling this right? I think so.
Try again.
Uh, okay. I can't sign back into that.
Let me let me try and find where this is at.
Um, but yeah, so I'm trying to develop as fast as I can and trying to just use up as many tokens as I can.
I don't know why this is not okay. Let me I'm going to pull this off of the screen for a sec because I'm just going to share share my uh I don't want to share my password.
Okay, here we go.
All right, so I think it's admin. No, I don't know.
Where did I sign this thing up?
All right, I'll bring it back to the screen now.
Um, I'm going to open up a new chat and ask Claude.
Uh, I'm trying to remember My admin remember my admin email and password.
Is it anywhere in the app uh in the repo?
You might be able to tell that I'm getting I'm getting tired. I do want to wait until this is finished though because like I want to have that feeling of of progress and be able to show you guys. All right, so it has implemented it. We just need to get it running. Oh, you know what it is? The server hasn't been running. Dude, the server's not running. So, we got to start it up and then I'll be able to sign in because it was just sending to a non-existent server. So, I'm pretty sure that that my credentials were correct. So, I'll wait for this to spin up.
Give it a sec. And then I'll sign in again.
Try it again.
Okay. Sweet.
All right.
So, now we should have locomotion working, right? uh eyeball the visual gate above then archive that phase B. So what exactly should be happening?
Um should I be able to see anything in the simulate tab?
Okay.
All right. So, in theory, we should have the baseline foundation for the locomotion set, but it might just be the logic. It might not actually be the movement just yet. We might need to do one more one more step.
Um, yeah.
I really want to try and get it going though, just to at least see some movement on the screen before I wrap it up.
But yeah, I usually finish at about 2:00 a.m. and it's about 2:30 now, and I don't want to start to uh make silly tired mistakes. Yes, but only after a model is loaded when you press run, then perturb. Okay.
Okay, calibrates.
So, we've got the model loaded in. We are at 3002, right? And I just restarted this server. So, it definitely has the latest build. And I shouldn't need to refresh.
So, I'm not sure what it's talking about. Press the perturb button. What perturb button? So, just say concise.
very concise plain language.
I'm looking at the simulate tab. What do I click?
Sometimes like actually most of the time you just got to get it really Yeah.
What? It's It's saying click run. What run?
Where is run? Where are they? Where are those buttons?
I see this.
Maybe we need to restart again. 3002.
Did I not refresh?
Yeah, the old placeholder. Okay, so I'm going to kill that before it responds.
I guess I just needed to refresh. I must have been on the the stale signin page.
Let's see this thing work, baby.
Okay, here we go. Run and then perturb.
Oh no.
Oh no, man.
Dang. That's like way worse than it was before.
Yeah, man. That's uh I can kind of see a little bit of dang that's that's sad. So, what we'll do next uh I'm not going to do it right now.
I'm not going to do it right now, but the next thing that'll do is create a capture mechanism uh that I had set up before. That basically means that it will do it will capture every like tenth frame in the animation so that I can then share it with Claude and then give it a little bit of insight into what's happening. Holy yes, it's I have no idea. It is an abomination.
But we got something on the screen. You know, something's happening.
all that time, you know, like telling it what to do and how to do it, giving it the source material and all that. It is very complex though. And what often is the case is like this can be just like one number is negative when it should be positive. You know, it can be a calibration thing, but dang, that is way off.
So, so I don't know. I'll dig into that next time. Um, I'm going to leave it there for now. while we've hit that milestone of getting a little bit of movement on the screen. So, yeah, thank you. Thank you guys so much for watching. Um, yeah, I'm not sure if everyone's still here, but Limo Labs, I think you might still be here. Uh, thanks for chatting today. And I I'll be uh looking into the repo uh the uh code factory. I'm not sure. Code factor. I'll have to um remember after I be reminded about what that is. But yeah, I I'm looking forward to working on that with you. And uh thank you guys so much for watching. I hope it's been interesting.
I'm going to try and stream a little bit more often. My goal is every second day, but life gets busy as well. Um and yeah, I'll I'll see you next time. Thank you very much for watching. My name is as anything and as always
Vidéos Similaires
Agentforce NOW AMA: Build with React and Salesforce Multi-Framework
SalesforceDevs
490 views•2026-05-28
How agent o11y differs from traditional o11y — Phil Hetzel, Braintrust
aiDotEngineer
450 views•2026-05-28
Re: 🗣️📍theprophedu📍2026 GST 103 CLASS (E-EXAM REVISION)
theprophedu
636 views•2026-06-04
WEB TECHNOLOGIES UNIT-2 | Degree 4th sem BCOM Computers web technologies unit-2 full explanation💯✅
LearnwithSahera
1K views•2026-05-29
More tests are always better? How to use AI to identify tests that bring little value
Alliance4Qualification
335 views•2026-05-29
Search Algorithms Explained in 60 Seconds! 🤖💨
samarthtuliofficial
218 views•2026-06-01
People of Game of Thrones using JavaScript DOM
AltCampus
296 views•2026-05-30
Instagram accounts got PWNed
EricParker
13K views•2026-06-03
