Glitch’s Post

Transcript

So I just built an app with three sentences. I'm going to show you what those sentences were in just a second, but first I want to give you some context. I'm out here in Copenhagen. I just arrived, I'm getting ready to present at the Copenhagen TV Festival on Monday. And it occurred to me that it would be really helpful to have an app so that I could memorize the presentation that I'm giving. It's a little bit more scripted than some other presentations I've done in the past, and I want to make sure I hit every beat. So I asked an AI to build me an app and it did it and it's. Live right now and it's actually helpful for me, so I'm going to just show you real quick what that looks. So to do this you're going to need a cloud account and it might be helpful to have a ChatGPT account as well just for workshopping. But I will say I have the free version of Claude. I just signed up for an account so I could access the. Claude 3.5 Sonnet chat experience that they have and I explained you can sort of see right here, I'm having a hard time memorizing all of this. What strategies do you recommend? So that was what I asked and it gave me a bunch of strategies and you're not going to believe this. I was already using those strategies. And so I asked it, hey, here is my script. Can you provide some alternative formats for this that might help me memorize it? One idea is bulleting this outline by line. Another idea is. You could build an artifact that reveals a single sentence at a time so I can quiz myself. So I give it the idea for the app, which is just so I should say an artifact is what Claude calls apps. Artifacts are hosted by Claude. And So what that looks like is let's see over on the side here. You'll see. OK, I understand you want you're looking for alternative format. So first it gave me the bulleted list. That's helpful. But then it actually created this interactive script quiz. So if I click on that, you see it pops open in the side here. And probably the coolest thing with clawed artifacts are that you can publish them and they live at a URL and you can share them. And so that means that this little app was ready to go instantly with no work from me. I published it and I was able to copy the link. And loaded up on my phone and it's responsive. It works like a web app. Very cool. But I'm not satisfied. I'm never satisfied. That's that's how I live my life. And So what I, what I did is I then took the code from this and I threw that code into ChatGPT and I said, hey, this is pretty good. But I kind of want the buttons anchored to the bottom so that when I use it on my phone, I can advance one by one and without the the buttons sort of jumping around depending on how long it is. I also. Wanted better scroll ability when I was loading it on my phone so I told Chad GBT these things. ChatGPT updated the code and it gave me the finished code so. That's this is like a next level thing. Then you get code. What do you do with the code at that point? Because you can't update the code in your artifact. And that's where it's hosted. That's where it lives on the Internet. And so I went to trusty old glitch. I explained, hey, JPT, I just want to get this up and running as fast as possible. Is there a way to build this just just with simple HTML JavaScript so that I can slap it into a glitch app? And it said. Sure, and it gave me the code optimized for that. So that's what I did. I am not going to give you the URL for my finish for either of these because I don't want to spoil my presentation, but maybe I will create a demo one that you can poke through or I'll share a version of the code with the language replaced. That's what I'll do. I'll share a glitch app with the example text stripped out, so. That's it. Let me know if you have any questions on this. I thought it was very cool that I just gave Claude the idea. It ran with it, and then I was able to shape it into something that is actually super functional for me.