AI Does all the Coding - What could possibly go wrong? [Cursor Agent]
Key Takeaways
The video demonstrates AI-assisted coding using the Cursor Agent tool to create a better UI for the game Connections, with the speaker showcasing the capabilities and limitations of AI in coding and providing guidance on how to use the tool effectively. The project utilizes various tools such as GitHub, Python, and React, and explores concepts like vibe coding, agentic coding, and AI-powered coding.
Full Transcript
he for for for for for for for for for for for for all right hello hello does this work hi everyone testing this out for the first time in a very long time welcome back everybody my name is Rob and um I haven't streamed in a long time officially and we're back we're back in Action we are back ready to do this are you guys ready it's not working oh shoot what's not working ah now it's working okay you you made me scared there for a second is my audio like crazy loud I thought I was going to just get back to this today and uh be streaming Within I was like you know it take a half an hour to get ready it's been so long since I've streamed by the way it is March 6 2025 hopefully you can hear me out okay out there and I'm back with another live coding stream and I not sure if people are out there but if you are let me know in the chat I put the chat on on Twitch now if you're watching on YouTube you can click the link I think in the in the description and you should be able to see the chat there just let me know if you're there if it's working that would be awesome and if you can hear let's just assume all of it's working fine and um continue out on shall we let me edit this there we go there we go now it's working okay now I'm going to let me try this chat let me try testing the test uh test the chat yeah okay um who wants to do some coding today let's go man Everything Has Changed what do we have for this Live Well I have a box right here that came in the mail recently and I thought I would open it do you guys want to see what's inside does anyone want to see what's inside this box this box right here don't want to show my address on it this this thing sure you want to see um I don't know if I should open it it has a warning label on [Music] it let's do it anyways okay I wasn't sure how this would be packaged either uh okay there we go let's look oh it's a box within a box okay Russian doll of boxes another box this one this one is even smaller oh wait I don't want to unzip this do I hey we have a new something we have a new what what was that I don't know okay this is a box within a box this one I I feel like I should open too says foxcom on it I'm pretty sure pretty sure this is a GPU we got new followers okay box within a box let's go ahead and open this hey thanks for all the follows oh look at that what is this this is oh this is a GPU thanks envidia Nvidia sent this Geo Force RTX 4080 super for me to give out so one of you guys is going to get it and I'm going to explain how in this stream as we're coding does that sound good and then maybe we could stream a little bit more in the coming weeks coming up to that does that sound good yeah that was a lot of boxes to unload a box within a box within a box um so yeah I'm going to give away maybe maybe let's put this out I'm giving away this 4080 to one of the viewers here to anyone who who um is watching and is wants to attend virtually for free uh the GTC that is coming up Invidia has a conference coming up and they want people to attend it virtually and all you have to do is attend it fill out a form that I'm going to put out there and you could win this okay put this up here there we go is that for a giveaway yeah I'm giving that away oh this is weird Okay um so I thought we would do something fun tonight it's been a while since I've live coded and let's be honest the world of live coding has really changed in the last year or two and I've been using a lot of AI assisted tools to code and I know there's a lot of opinions out there about how helpful these things are um if they're more troubled than they are help um obviously they helped to a lot of people who like to code um and I'm one of them I like to get assistance from them but what if we tried to do some Vibe coding where we actually didn't write any code ourselves we just chatted with uh chatbot let me see YouTube is it working I don't know if this is even working if I'm even on okay so I'm going to switch over to this of you wait hold on I'm going to switch over to um this view so we can see my screen um tried to do get data analysis with AI but it was a mess yeah it there's a few things that AI is pretty good at coding with um there are some things that it really struggles with trying to do anything kind of unique um it it doesn't really I found that it struggles a lot but when you're doing something that's like common like a weekend project that you just want to get done up and running and working uh can be pretty helpful all right let's see what I got here so I'm going to go to my downloads directory I don't like this setup maybe put this over here and and I think I have cursor here which cursor is a a BS code basically forked and has built in a whole bunch of tools that we're going to be using uh for AI assistance and the agent uh tool with it is really helpful so here we go let's go ahead and create a new repo 2 okay so here's my idea here's my crazy idea I have YouTube chat not working yeah I wanted the YouTube chat to come here so we're going to try trying forcing people over here to use the you instead of the YouTube chat to use twitch chat so if you're on YouTube and trying to chat that's the reason why it's not working okay let's see if we can Vibe code ourselves into creating an app how do we do that how do we Vibe code well we're going to be using cursor with which is our IDE this cursor ah yeah see I can't put this chat up up here let's just put the chat over down here maybe uh actually let's shrink this screen so we can see everything because we're going to see we're going to use cursor and on the right side of cursor is where um all the chatting goodness is all right so we are first starting by creating a GitHub repo what is this project that we're even going to be working on we are going to try to make a user interface for the game connections does anyone know what the game connections is connections uh New York Times is a game where I already finished it today so spoiler alert if you've already if you're doing connections close your eyes right now um the way it works is you have a bunch of words to choose from you select them in groups of four the words are related by uh in different levels from like super easily relatable I don't know if that's a way to explain it all the way to um related by some sort of indirect way and the thing thing about it is the puzzles user interface is fine but when you're trying to do it I really would love it if I could you take those boxes so let's let's see connections game if I could take these boxes oh so this's some other like connections website um and pull them over to different areas of the screen and organiz them like there were like actually flat cards because when I'm trying to play this game I kind of want to group these together instead of um instead of just having them like stuck where they are one of the things that I've learned to do when playing this game is that it helps a lot to select the the easiest one or at least identify four and then kind of put them aside and try to solve the other ones before you hit submit and what I find myself doing then is shuffling a lot until I find a situation where they're all like by the side but randomly like it would be very rare for me to actually land on them all being on the left side I would actually like to just pull them and drag them um to their own place so what we're going to do is we're going to start uh connections uh uh what are we going to call it Ultra let's just call it connections plus uh better UI for playing playing the game connections add a read me let's add a python get ignore um whatever and then create the repository the panda is live am I the panda please select an owner oh the owner is going to be me let's make it public all you guys can see it and there we go we're cutting off the side of the screen so let's make sure we do this all right so we have our GitHub repo we're going to copy this into cursor maybe eventually we could make it so like we can get AI to solve the connections or give us clues that would be cool if we could like make it connected to an uh chat gbt or CLA or something in the back end and uh if we're really stuck just click a button and it would give us a clue that's not going to give away the full answer but will give us kind of a clue I don't know any ideas out there panda panda panda you're saying I'm the panda you're the panda all right we're gonna open a project actually let's just go to my terminal start up a new uh tab go to my repos directory ah and get clone that repo I'm going to put this in the chat too oh the great Linux copy paste issue get clone this connections plus we are going to also share this in the chat if anyone wants to see this it's in the twitch chat panda panda panda all right we're going to take this we already did copy it we're going to go to our IDE nope nope we're going to go to our terminal and let's CD into connections plus and then let's do cursor let's open it here oh yeah cursors were we're running from that app image because this is a Linux so I'm just going to go over to cursor here open the project Repose connections Plus open this we are in here now we're going to try to do minimal coding possible so if you don't know what vibe coding is it's new thing a new thing that just came out Andre carpath karpathy karpathy had this tweet about it I'm sorry this is not going to be dark themed what he said he said there's a new kind of coding I call Vibe coding were you fully given to the Vibes Embrace exponentials and forget that coding even code even exists it's possible because the llms cursor composer with Sonic that's what we're going to be using today are getting too good also I just talked to composer with super whisper I don't think we're going to do that I don't even know what that is super whisper so I can barely even touch the keyboard I ask the dumbest things like decrease the padding on the sidebar by half because I'm too lazy to fix it I accept all always I'm guilty of that um I don't read the diffs anymore when I get error messages I copy paste them in with no comment usually that fixes it the code grows beyond my usual comprehension this is going to get wild um when I get error messages oh yeah it said that the code grows beyond my usual comprehension I'd have to get real really read through it in a while sometimes the llms can't fix a bug so I just work around the ask for random changes until it goes that way it's not too bad for throwaway weekend projects or maybe for live streams but it's still quite amusing I'm building a project or a web app but it's not really coded I just see fluff I say stuff run stuff this is like a song I I see stuff I say stuff run stuff and copy paste stuff what is this Andre karpathy or is this Eminem who wrote this and it mostly works all right we're gonna we're gonna take this for a ride we're going to see if that we can um actually do some Vibe code coding I probably should have left that yeah let's let's bring that tab up so I don't forget this all right we're we're going to fully embrace the vibe tonight and we're going to try to make this app the goal of this app is to make a better all right let's just start let's just start writing the read me connections Plus this is a a better UI for solving the connections game did you ever wish you could move around temporar I can't spell tempor temporarily um label cards in the game see I don't even have to write this read me well cuz I'm going to have cursor fix it uh well this UI lets you do all that and and and more okay so that's just our starting read me now let's o do contrl L to open up the chat on the right side and we are in ask mode but we could also switch to agent mode we're also using Claude 35 let's go to 37 you got to get the latest in the greatest in there why would we do anything but that um I'm making an app that is a better version of the UI for the connections game uh update the read me and help me think through how the U UI will work actually let me let me detail it here what can it do move around the cards for the game anywhere on the screen we want to if you don't know what the connections game is you probably should play a version of it or at least try it out because this will make a lot more sense for those of you out there who have never played the game so is there a free version so we want to be able to move around these cards um make a guess about the color of of the cards without submitting um what else draw on the screen notes make our final submission pick past weeks pick a random historic game to play I don't know what else am I missing here chat people anyone see if people are saying anything Rob I joined your old team I just missed you so close I wish I could picked your CV my set hey something creative thank you which team did you join how do I pop this mammer Jammer out as a junior data scientist my brain is burning in a good way uh select a card to ask for H oh yeah yeah uh let's make that future future design use AI to give you hints make uh different levels of hint help I don't know I don't know if that's NFL team as a data engineer oh awesome something creative yeah I I miss that team and I miss uh a lot of the projects that I worked on there working for the NFL um if if that's the case I've been Vibe coding for University past year yeah me me too okay so I'm making an app that's better version of the UI for connection g game update the read me and help me think through the UI will work let's just ask let's just ask this we are just full out Vibe coding all right gez it's already gone it's gone given us tons of things to go off of I don't want to read all this I'm too lazy um but it did update this so let's go ahead and accept all without even reading it I'm assuming it's going to write what I'm want better than I even know how to say drag and drop interface color coding wait this is written a lot better than I even thought note taking game history play any historic submission management REM review and submit your final answers and select the order okay AI powered hints coming soon save your pro progress across devices I don't know if we want that daily stats how to play select a puzzle drag cards okay so it's did a good job of that UI design considerations main home screen whatever okay uh before we start we need to get the data of historic historic Solutions how would you recommend getting that am I asking to politely what are we doing today we are Vibe coding we're Vibe coding a usable front end for the connections game uh it's copyrighted so copying without permission could be problem uh okay so um game Solutions if we get the solutions from GitHub yeah I've already been here so someone's already done this how do we link to this can can we link to a GitHub repo that has it oh jez it's already writing JavaScript here's how you could implement this in your app okay let's start by making the all right we're we're going to go crazy here we're going to switch over very early to the agent mode so no longer are we asking questions now we're just going to we're going to go crazy okay follow read me uh the readme and let's create the app let's here's what I've done before in projects that's kind of worked uh I make a progress markdown file and then this um this is a place where I'll let the AI keep notes that helps me remember where it is and also um helps itself remember where it is also use AI oh wait what we call it progress that markdown to keep progress of what you've built after each step that you've built update the progress uh file we're just going to go for it we're just going to send it full send okay so it it already wrote the list of things it's doing um make the progress have checkboxes for things you've done of course we're going to accept these changes though you always got to accept everything you know what ABC stands for always be a it should be ABA always be accepting okay so it's going to ask me if I should run this npx command might as well it's doing stuff let's pop out this terminal so we can see I see you need no. JS first okay might as well install that Prime member sub is not available oh honestly I don't know why not please do live data science projects again we will maybe that'll be next stream so here's what I'm thinking for the next stream by the way is uh there is a new CLE competition I want to get into just as a little sidet trck here I'm not even signed in I haven't used this computer in a while there's a new drawing with llms I think will be a cool project um for us to work on I haven't looked at this at all but for a data science stream maybe next I can look at that one CU it just just came out right and I haven't streamed in a while maybe get back into this but tonight's all about the vibe coding I'm sorry we just have to Vibe is that competition still able to join yeah it just started so if we go to overview it started n nine days ago as three months ago I have no idea what it's really about I think it's something about making um images using AI all right so now we have tracking let's update node.js using NVM node version mode all right it's installed uh now that we have nodejs 18 installed let's create our react application let's go for it need to install the uh I need this to be bigger create react yes wait it let me pop out this terminal let's y this all right now it's going to make a components hooks um we have a source directory with all all these main folders that it created types Services hooks components now let's install NE necessary dependencies it's just going ham on all the stuff that I don't have installed absolute ham I don't like when I see progress bars going like this oh shoot I think I accidentally broke it don't worry it'll help uh I think it got stuck try again all right so it's keeping progress of what it's done so far at least and I'm going to accept this it's starting with a basic index and a manifest file it's going to take a little while to get off the ground but once we get the UI that we can actually look at it's going to be a little bit more interesting by the way while this is loading I mentioned it before but I'm going to post on Twitter and instructions for how to um get this GP uh sorry get this GPU thanks to Nvidia on giving this away um all you have to do is attend GTC virtually this year it's completely free to attend and I'm G to have a form that I'm going to Tweet out about and um mention in later streams that you have to follow in order to be eligible I'll ship it to anywhere in the US so if you're in the US you want a free GPU I mean the odds of getting it are pretty high because it's only a few hundred people Max people that uh will go but there are a lot of good sessions that are going to be at G GTC um I know they have a lot of data science stuff accelerated data science like this um yeah you can attend these virtually and then be able to get that GPU now our coding agent is still going crazy um I almost feel like I want to while this is going on add stuff uh initial commit it's already like has so much done that I'm committing let's create simple script I don't even know what it's doing all right so this is our start script npm install mpm start all right it made a summary markdown where's that going I didn't tell it to do this um let's make this stuff smaller we've created rack based web application that provides enhanced UI solving for New York time connection games the application allows users to drag and drop cards color code potential groups take notes and validate their selections drag and drop interface dragable component AI hint sent feature enhancement so we still need to implement stuff all right uh great how do I test it all right so we're going to run the start shell script and we have an error which just going to add this error to the chat I get this error so far the Vibes are are kind of like waiting for scroll bars to go across um sees the issue the problem with the PM installation react scripts issue with the node version proceed yes already running into issues I just want to see something is there a lightweight approach to this hi it's been a while nice to be able to drop in hey clipped 9M what's up man it has been a while how have you been I don't know what I'm doing I don't know if this is a good idea for a stream I'm starting to regret it starting to regret my decisions sometimes you just got to live with your decisions Vibe coding is not working I'm on the verge just because I'm so impatient of just telling it I don't want it to do it this way I want it to do it faster what are you up to with node I'm Vibe coding I have no idea what I'm doing that's part of the fun supposedly what's a way that we could data science this problem all right I'm canceling the thing on the right I'm starting to do the install on the left all right still get this error this is wild that all right so it loaded this up but we already have errors or issues like nothing is loading it's just a blank page and we have a syntax error in here uh it's a blank page and error in the console clip likes Vibe coding all right so at least one person enjoys this I should should probably pay a little bit more attention first let's check your manifest file let's create a simpler approach so they get the app running all right I'm going to reject all we're starting over from scratch this is the thing about Vibe coding is you don't I have no care about this code I did not put any of my heart and soul into it I can delete it it just St start over new all right read me that's good progress let's X out all this maybe give this one as an example delete all these completed tasks delete this get status get add everything and then we'll Commit This remove all the stuff it made first uh let's start over our chat session new check out the readme for instructions about what we want to build let's try to use mostly Python and keep progress in the progress markdown file least St in my wheelhouse a little bit closer to what I kind to understand oh it say it sees the TS config stop ignore the TS config all right so it's going to make make connection plus an apps folder a data folder a static folder creating requirements.txt these are all of our python requirements oh it's actually going to create a SQL light database okay I trust you Claude I TR I trust you so much all right so what has it created so far it's created all these blank files as it innit file with a SQL Alchemy database create an app a models so it has like a username and password it's it's really gone Ham on all this stuff let me make get add get status get add our my job here is just to ah add stuff to the TS conf uh commit the changes get add TS config let's push this all right it's already into styling the routes now it has a puzzle endpoint a puzzle a puzzles API puzzles as all these models still I feel like this is overkill utilities is empty is it tracking in the progress let me remind it make sure to track progress in progress oh even put the date there Li Jack is also enjoying enjoying the vibe coding sweet there are two of you in case you're just joining we're trying to make a better user interface for the connections puzzle game and maybe add in some AI hints it's just an idea that popped in my head and we're taking the vibe Cod coding approach to it which has been a little bit disastrous to start but we're just blindly trusting the AI to follow follow our instructions um we've also asked it so we started with kind of a basic read me we asked it to improve the readme then start to work off the readme and keep all of its progress in this progress markdown so it's telling us right now that it's uh reviewed the readme examined the repo structure decided to use Python for backend that's because we it was doing react at first and I asked it to redo it with uh python it went kind of crazy creating uh database backend all this all these routes now we have a solid foundation would you like me to implement the next steps okay so it's updated our progress I believe let's let apply all that and accept so it's created the structure um and why can't we run it okay let's not worry too much about oth stuff let's just get it up and running is the read me strategy something that you came up with or is this something you youve seen read about somewhere I started doing this just a few days ago the the read me because otherwise you keep on telling it the same thing like if it goes off track and the progress MD I think has been helpful just for me to see where it is there might be something built into cursor that would do this but let's go ahead and do my only job which is to push stuff to GitHub it's doing it definitely is doing stuff is it doing it correctly I don't know okay it's updating oh it's added a setup markdown file with the setup guide okay uh okay let's do that it's telling me to run all these scripts I want it to run the scripts now it's making a conf fig file I thought all this stuff was already created our user stuff and models oh my goodness this is horrible I think I vibed too much at the beginning like I need a little bit more uh do you bring bring your own API keys to cursor or use their sub I I think I'm using theirs I've pulled my own claw Keys into into this cursor but I think it falls back on using Theirs to be honest I'm not sure I know I put the key in there I just want to see something I think I think my problem is I asked it to do everything off the bat I should have just asked it to start with small and then let me move from there like I should have asked it to make a simple UI using python with the cards for an example game and let me fool around with that and then edit it from there but we can we can um accept all apply all it also it gets stuck it seems sometimes contining to build stuff I'm going to push this if you haven't seen in the chat I do have the um yeah this connections plus put this in the chat guys I don't know what I'm doing let me change the chat settings remove the hey clip is giving me reason to believe I think it got stuck here right where are we with this I'm like it's boss have you finished the TPS report um it says the next step is database setup can we do this without a database I just need the answers from let me actually go into CD data is there a data let's make a data directory open that and then find this connections Raw results is it Json with I believe it has all this stuff um yeah let's just save this desktop and move the desktop connections Json here okay so that's going to be in here from connections. Json so I'm saying like don't worry so much about it did I mean to switch back to ask mode good point it did that without without me noticing I've noticed it's kind of done that before I think when it get stuck with things and then I ask it a question I might hit the contr L button and yeah that was a good point so what you noticed is that the agent mode can switch to the ask mode and in that case it will only do one thing and then stop and that's probably why it was saying like their next steps and asking me if you want to do it instead of just doing itself okay let's do okay uh let's see where we are in the progress keep in mind the readme and the data is is in connections. Json I don't know if it's archive that yet is in the the data directory I don't want all the database stuff just keep it lightweight yeah I might have started a new chat all right so I asked it to kind of step back and see where we are with the progress so it's able to list all the directories see this connections file hopefully it didn't read that whole thing into the context window of the model um let's see what we have in the app directory templates so now it's going to have a better understanding what's going on it's removing all the authorization stuff sweet that's what I wanted it to do start with but I thought that was in our utils folder let me add this to get add now it's making this puzzle HTML I think if I click on it when it's generating look at all these files that it's opened let's see the progress let's also see there's a index and a base and now it's making a puzzle. HTML accept all finally it's updating the run app I don't know what it did other than change double quotes to single quotes all right now it's updating progress what it's trying to create another simple setup markdown but we already had one okay so it's changing all this is AI just going to create like tons of nonsense apps out there has it already I'm clearly hitting a key that it doesn't like so pip install flask but I'm not in a yeah let's let's cond of create name uh connections python equals 3.11 what in the world is going on I'm just trying to create a cond environment um How do I I create a lightweight EMV to run this project in and track it I'm letting it decide people that give AI agents full access to the reading and writing of files are the true heroes all right so it's giving me optionone use get um and it's in take use a no no I mean on my PC how should should I start up a new EMV why is cursor tab turned off oh because it's a markdown so it's saying to use let's run this I think there's something wrong in curs cursor python if I just do python run yeah I think I think curs is freaking out let's just close let's close this go back here yeah it killed in the background hey Rob long time no see hey Rex how you doing this I picked the ex the absolute worst idea for a return stream um okay so loaded this other I need to stay in my Lane new window this music is insane all right all right Ruff and black are freaking out in the background but so why is this why is this not working which python which cond well let's see what it says for this error that just gener generated 40K lines of code where where do you see 40K lines hey Rex I've been doing okay cond is messed up so if I do Python 3 version and just do a virtual environment Python 3 m v MV V EMV even bemv doesn't work maybe I need to do that just my terminal here go to my repos directory connections python okay at least we're at this point I'm going to give this to cursor what was the issue that indicates that we're missing an N block tag in your Ginger templates let's fix this I think maybe because um I made it stop in the middle of writing one of these puzzle template all right reload this still has the error all right I'm back in ask mode Sirius Cooper welcome how am I doing I'm doing okay how are you I'd be doing a lot better if this was working all right apply all okay we have something we have something this is our connections plus thing no errors all right back in agent mode okay the site says this what I like how it says copyright 2023 but I can't play the game what's up with that yes we do have a welcome page but that's all it does oh I should have reminded it to read the re read me file all right so what's it doing the today's puzzle link should take you to the latest puzzle it might not be working correctly but there are no errors in the console okay it did stuff let's reload okay so at least the archive all right so there's some sort of string formatting that's messed up yeah it must have been like the training date data but it's got to be trained on more recent data than that oh shoot look at this what's the extension name we're using cursor in agent mode we're doing YOLO I guess not true YOLO because I'm still like having to click a button when I um have it execute code but we're doing Vibe codings we're just letting a llm agent do all the thing all right how did it figure out the hardness is it just naming them all very hard it's it's made an opinion about how hard the games are okay cool I see all the games they all are labeled very hard WTF did the did it from GitHub have a difficulty no it looks like it just has the solutions no difficulties so it just this is the hallucination part of the llm just it's assuming that if there's a game like this there's probably a difficulty and then it's just it's just gonna throw it in there lot of garbage oh wait now it's giving them now it's trying to solve that because I said that why are you making them all hard very hard it's it was like okay let's just randomly assign them hardness so so now every fourth puzzle is uh different hardness is is that rooted in truth let's get deep here with the model the data set doesn't have any information about difficulty we should should remove it well I'm not even going to tell it we should remove it I'm just I'm just G to ask it what do you think beginners intermediat using Vibe coding will it hurt their progress I don't yeah it's a weird world we live in I don't know what to say I think yeah I want to say don't Vibe code yeah you but it's kind of fun right I I endorse Vibe coding for people who would normally not code and like this just gives them a a way to start getting into code I don't coding but I don't give the best advice on that so um so now it's saying they'll mark them all as standard no just remove the difficulty and entirely it solved them and rated all and rated how difficult they were yeah that would be impressive Vibe coding is probably best done with tests and other specifications written out as formally as possible the agent needs as much grounding as possible besides just being able to get the code to run yeah but what if you make it write the tests I don't know I'm not endorsing Vibe coding I'm just trying it out all right it's removed difficulty so we've gotten that far so what if you what if you don't know how to code and you want an app like this that just you're going to use no one else will see it um no one else is depending on it it's not like a production application then is it okay to Vibe code all right here we go we're we're into the puzzle and we can see them but ites doesn't have any of the dragging and drop okay now we have some dragging and droping but this is horrible it's not very smooth and the boxes are like gross let's tell it that okay now I'm into the puzzles the drag and drop feature is really slugish I want it to feel smooth when I move the cards around I'm betting a lot of Cs interns are Vibe coding at their jobs currently yeah like what do we do about this it's also it's similar thing to to writing an essay for school you gotta you can't just have chat gbt do that that's not cool but if you're writing an email to someone and you want chat gbt to help you out with like making your language a little bit better I guess that's kind of beyond what we're doing here all right word card dragging it fixed that uh it's a little smoother let's reload this page it's oh I just said it's it's a little smoother now now but still kind of sluggish also the cards are weird sizes like they should stay the same improve Drop Zone styling ensure cards Drop Zones maintain their okay now it's updating optimizing the JavaScript okay is it really use it's using GPU acceleration for smoother animations all right let's go back to the archive should probably use the same one to test on oh archive button stop working there we go we're back all right let's play this 3 632 um the cards are still wonky sizes maybe it's because I haven't accepted all do I need to accept all let's do get status and add all this push that up um also add a reset button and a shuffle button yeah that fit height is awful all of this is pretty awful the weird thing is also when I when I refresh they switch spots but it maintains where the squares were this forces them all to be the same high add a reset and Shuffle button okay let's apply all this reset and shuffle all right now they're all the same size moving them is actually pretty smooth thanks for that GPU acceleration good thing I have an Nvidia card in here where's the reset button oh it's down here oh that's gross get H hint reset oh now it added because I didn't see this reset button at the bottom and this whole grouping thing it added a second reset button uh the reset button should make it in 4x4 grid Also let's re evaluate the group and button functionality I can't see it all when I open the page so I didn't know it was there make the buttons easy to see also remove the group boxes we should be able to give each card a temp color before submitting to it's maintaining all the XY coordinates of the squares but shuffling the answers on refresh oh yeah I need to tell her about that start being mean to it this is some sloppy work for all right it removed the group boxes completely added clear instructions for color coding all right I'm going to tell it about maintaining the locations on refresh okay so um another thing on refresh the boxes Shuffle but it should maintain their location and card text all right this updated code chess if there's save code to load when page loads only arranges cards and gri there's no saved properly restores the positions all right I'm trusting you don't fail me going to push this maybe I could add a command to tell the agent to commit with a commit after every major change with a good commit um message I wonder if it would do that can you commit and push these changes and get and add a good commit message the goal here is to be as lazy as possible that's a really long commit message sure why not all right so it pushed that change all right when I refresh it still changes where the cards are how do I give them colors also get hint how did it get this hint okay shuffling also throws them in random reset grid um I'm not happy with this I think maybe what we've learned is you need to start with something useful you can't expect it to Just Vibe code its way into a full solution but I mean okay let's try to let's let's try to add a few more of the main functionality we want to be able to actually switch the okay um label SLC color for each card the card should turn that color but slightly grade out also when I refresh the cards seem to to uh change their names or rotate names maybe giving a picture of the connections page UI would help yeah I don't know how it it it does have this image thing I don't I've never really used that but I I would think it would also had an idea of what connections is cuz it seemed to be able to get to where we are now okay like if this was a brand new game it probably would need a lot more information oh look it's already it's doing commits to the to the changes too all right let's this this is a a gross project all right how do I right click oh right click or long press oh that's kind of cool but they're making them all yellow do I select green blue I can't okay so it does work but it also doesn't let me unselect can can you make it so that I select the color from within the card by clicking a small dot of the color also the uh it should be able to turn turn off the color if we click a second time you had one job to commit now it's taking that job too you're right I've been saying this whole time I had one job and it's figured that out it's kind of abandoned my whole like tracking methodology too like the progress my job is to remind it of the things I've told it before all right apply all is it going to apply the run this there we go all right let's ref refresh reset what is going on click the color dots each to assign their groups um clicking the dots doesn't work and the reset should also reset colors wonder what the context window is for the agent yeah I think it's gotten outside the context window I wonder if there's like a I bet there's a setting for open chat as editor copy request ID request feedback this is just general cursor settings I bet they're settings for putting a system prompt or something or we're also out of agent mode again too o now it seems to be working let's go back to the archive reset grid all right let's try to solve this one smooth I I've done this one before though so tangle let's see if the hints work think about a blank chain for one of the groups how is it getting the hints because Daisy Chain would be one food chain so how did it get this hint how is is the code creating the hints what does it used to do that I don't even remember giving an API key because it's got to be calling a llm somewhere okay so this is how hints are generated function two parameters puzzle so it's just hardcoded generates contextual hints based on real categories in words provides different levels of detail randomly select one of the four categories from the puzzle Prov Ides a general hint okay so the easy hint just gives you a couple of them the other one uses a category and in the Json data oh so we have group names here so then it's using that to give us the hint that's pretty clever consider different ways to group dewy with other words okay that's not helpful focus on glowing and think about properties and characteristics um so I don't think that I don't think these are actually oh yeah it does say so the category thatches related to a mess of hair that is kind of that is kind of a clever way of giving the hints based on the topic all right daisy chain food chain it's going to be the hard one mountain chain supply chain if I hit submit it won't let me because I have to submit all 16 um let's try one last thing okay let's update the code to use the open AI API I have have an environment variable with my API key make the hints generated by the API and not uh manually all right so this is how it's going to do it it's going to add a utility pull my open a a AI API key is it using that or it's just going to use uh requests to send the request directly give a beginner level hint let's see how good these hints are all right apply all um oh also it's going to make make the commit history it's smart enough to do that that's actually really helpful all right all right something broke no module named do EnV oh that's because what uses DMV now we don't want to low. EMV because I already have that save I think it's a environment variable all right let's see what the hints look like now beginner hint consider how a particular type of chain is is connected to various things in this puzzle okay for the category related to people's appearances think about how their skin looks what oh their skin looks grow glowing smooth fresh what else what is it matted skin I need more hints let's get more advanced hints for the word pimp think about a a character who is known for their youthful innocence optimism in a Charles Dickens novel so that's going to be dewy twist um get hint why does it load two things up let's F focus on the word Mountain from the category blank chain so it's giving me the answer there supply chain let's just try it's not correct give me more hints all right so bucket is in here all right so this is going to be hair I don't know the answer but you know what this works what do we think about Vibe coding I don't know what I think about it I don't think it could I have gotten this far on my own absolutely not um is it exactly what I want no so I guess it's all about what you're trying to create all right that's it for today one last reminder uh if you're not following me on X Twitter whatever it's called do that because I'm going to post out instructions for how you can win that GPU the way you win that GPU is by um is by clicking the link that I'll put there where you'll register for GTC attend a session that's completely free and then after that I'll pick a random person and I'll send them the GPU to anywhere in the US so make sure that you look out for that information I'll probably do another stream before that I think next stream we're going to not do any more Vibe coding and instead um maybe do more of a data science project I know that kaggle has a new uh competition out that we want to take a look at if you have any other suggestions you can join the Discord I think you do exclamation point Discord into the chat to see um my Discord and let me know what you want to see um it was fun hanging out with you guys and see you next time have a good rest of your week bye-bye
Original Description
Sorry for the long intro! Skip ahead to 25:00
Code Repo: https://github.com/RobMulla/connections-plus
Timeline:
0:00 Skip This
10:20 Unboxing GPU
21:47 Repo Creation
25:12 Karpathy Tweet
29:12 README Instructions
40:33 Vibe Coding Starts
1:14:00 Python UI Creation
1:25:00 Working UI
1:35:42 Tweaking the UI
Skip ahead to 40:33 to see the start of vibe coding.
Chat here: https://www.twitch.tv/popout/robcodeslive/chat
---
🎉 Win a Free GeForce RTX 4080 Super GPU!
Subscribe to Rob’s channel and attend a GTC Session for a chance to win!
YOU MUST REGISTER FOR THE EVENT USING THIS LINK: https://nvda.ws/3wnl2yb
Steps to Enter:
1. Subscribe to Rob’s YouTube and Twitch Channels:
- https://www.youtube.com/@robmulla/
- https://www.twitch.tv/robcodeslive
2. Register for GTC using this link: https://nvda.ws/3wnl2yb
3. Attend a free online session & take a screenshot proving attendance.
4. Submit your entry here: https://forms.gle/zLrJ7xE6NohEZBSE8
📅 Giveaway Period:
- Starts: March 17, 2025 (GTC kickoff)
- Ends: March 24, 2025 (a few days after GTC concludes)
Submission Requirements:
- Your name
- Country
- Email
- The GTC session you attended
- A screenshot of you attending the session
🏆 Winner Notification:
The winner will be contacted via email after the giveaway concludes to arrange prize delivery.
🚚 Shipping limited to USA addresses.
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
Playlist
Uploads from Rob Mulla · Rob Mulla · 0 of 60
← Previous
Next →
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
A Gentle Introduction to Pandas Data Analysis (on Kaggle)
Rob Mulla
Exploratory Data Analysis with Pandas Python
Rob Mulla
7 Python Data Visualization Libraries in 15 minutes
Rob Mulla
Kaggle competition starter notebook walkthrough
Rob Mulla
Kaggle Competitions: A Beginner's Guide to Winning
Rob Mulla
Jupyter Notebook Complete Beginner Guide - From Jupyter to Jupyterlab, Google Colab and Kaggle!
Rob Mulla
Audio Data Processing in Python
Rob Mulla
Complete Data Science Project!
Rob Mulla
Make Your Pandas Code Lightning Fast
Rob Mulla
Image Processing with OpenCV and Python
Rob Mulla
Speed Up Your Pandas Dataframes
Rob Mulla
This INCREDIBLE trick will speed up your data processes.
Rob Mulla
Complete Guide to Cross Validation
Rob Mulla
Easy Python Progress Bars with tqdm
Rob Mulla
Economic Data Analysis Project with Python Pandas - Data scraping, cleaning and exploration!
Rob Mulla
Python Sentiment Analysis Project with NLTK and 🤗 Transformers. Classify Amazon Reviews!!
Rob Mulla
Get Started with Machine Learning and AI in 2023
Rob Mulla
The Trick to Get Unlimited Datasets
Rob Mulla
Video Data Processing with Python and OpenCV
Rob Mulla
Object Detection in 10 minutes with YOLOv5 & Python!
Rob Mulla
Pandas for Data Science #shorts
Rob Mulla
Object Detection in 60 Seconds using Python and YOLOv5 #shorts
Rob Mulla
Machine Learning for Facial Recognition in Python in 60 Seconds #shorts
Rob Mulla
Time Series Forecasting with XGBoost - Use python and machine learning to predict energy consumption
Rob Mulla
Detect Text in Images with Python - pytesseract vs. easyocr vs keras_ocr
Rob Mulla
Solving an Impossible Riddle with Code
Rob Mulla
Do these Pandas Alternatives actually work?
Rob Mulla
Time Series Forecasting with XGBoost - Advanced Methods
Rob Mulla
Data Science Uncut - Data Shootout Kaggle Competition (Aug 1 2022 Stream)
Rob Mulla
Kaggle Dataset Creation from Scratch- Data Science Uncut (Aug 10 2022)
Rob Mulla
Chess Board Computer Vision AI - Data Science Uncut (Sep 7, 2022)
Rob Mulla
25 Nooby Pandas Coding Mistakes You Should NEVER make.
Rob Mulla
DEFCON Hacking AI CTF Solution on Kaggle - Data Science Uncut Sep 11, 2022
Rob Mulla
More Chessboard Computer Vision AI - Data Science Uncut - Sep 13
Rob Mulla
Medallion Data Science Live Stream
Rob Mulla
Community Kaggle Competition Overview - Corn Classification (
Rob Mulla
Deep Learning Image Classification - Corn Kernels - Data Science Uncut
Rob Mulla
OpenAI Whisper Demo: Convert Speech to Text in Python
Rob Mulla
Yolov7 Custom Object Detection in Python Tutorial - Chess Piece Detection
Rob Mulla
Live Kaggle Coding - Enzyme Stability Prediction - Data Science Uncut Sep, 27 2022
Rob Mulla
Finding Chess Cheaters with Python! - Data Science Uncut Livestream
Rob Mulla
Data Science Uncut - Kaggle Community Competition & Chess Data Analysis - Oct 4, 2022
Rob Mulla
Flight Delay Dataset Creation (Data Science Uncut)
Rob Mulla
5 Reasons to Kaggle #shorts
Rob Mulla
♟️ Data Science - Chess Data Analysis
Rob Mulla
EXTREME PYTHON & DATA SCIENCE LIVE STREAM
Rob Mulla
What is Clustering in ML?
Rob Mulla
What is K-Nearest Neighbors?
Rob Mulla
LIVE CODING: Flight Data Exploration with Pandas & Python
Rob Mulla
Kaggle Survey vs. Twitter Sentiment
Rob Mulla
If Top Chess.com Players were STOCKS - Live Coding Data Anaylsis Stream
Rob Mulla
Data Visualization BATTLE!
Rob Mulla
LIVE CODING: Stocks & Sentiment Analysis
Rob Mulla
Progress Bar in Python with TQDM
Rob Mulla
Flight Cancellation Data Analysis
Rob Mulla
Synthetic Dataset Creation for Machine Learning - Blender and Python
Rob Mulla
The Ultimate Coding Setup for Data Science
Rob Mulla
Dataset Creation SPEED RUN - Live Coding With Python & Pandas
Rob Mulla
Data Wrangling with Python and Pandas LIVE
Rob Mulla
Forecasting with the FB Prophet Model
Rob Mulla
More on: AI Pair Programming
View skill →Related Reads
📰
📰
📰
📰
Building a signed handoff protocol for AI coding agents
Dev.to · Bisina Daniel
My build in public journey: creating an Ebook generator
Dev.to · Vinícius Ramos
AI Wrote a Ransomware…
Medium · AI
One detail I left out: the allocator is deterministic and greedy. It enforces the requested constraints, but does not claim to find the globally optimal set.
Dev.to · Felix Koba
Chapters (9)
Skip This
10:20
Unboxing GPU
21:47
Repo Creation
25:12
Karpathy Tweet
29:12
README Instructions
40:33
Vibe Coding Starts
1:14:00
Python UI Creation
1:25:00
Working UI
1:35:42
Tweaking the UI
🎓
Tutor Explanation
DeepCamp AI