05/13/2026 - Building Functional Web Applications and Custom Sites Using the Lovable AI Platform

Transcript

1. 0:34Good evening. Good people. Welcome, welcome, welcome. We got 21 PEOPLE IN HERE TO START. LOOK AT THAT. Fan
2. 0:42frigintastic. Welcome. You know what I just found? I just found some history. I'm gonna I'm gonna show you some
3. 0:47history here in a second. Um, welcome everybody. My name is Kyle Sh. My name is Kyle Shannon. This is the AI
4. 0:59learning lab and uh held right here in the AI salon. So, welcome to you all. I'm excited to have you here. Tonight,
5. 1:06we're going to be playing with lovable. Um, if you are lucky enough to be a member of the mastermind and we're in
6. 1:12the previous hour in the mastermind, you were there with producer Brandon, which Hey, producer Brandon, why don't you hop
7. 1:18up on stage here? Tell us how it went. How did that go? >> Did Did they boo you? They looming and really >> and we had life before that. So
8. 1:29>> So it's been a busy night for you. >> People that are going on three hours. >> Oh my god. Night. >> Wow. That's amazing.
9. 1:38>> So last week you built nothing. Did you Did you break that trend this week and actually build a little something?
10. 1:44>> So we left it on a cliffhanger. So, Logable is currently building the MVP for the prototype site right now in the background.
11. 1:53>> Oh, cool. Oh, that's great. >> And so, what we did was we kind of went through today's lesson was all about
12. 1:59planning and how to prompt uh and how to build for lovable and how to kind of iterate on that idea. And there's a
13. 2:08million different ways to do that. I'll share my favorite way is to throw chat GPT into into the new voice mode and
14. 2:15just have a conversation with it and then at the end of that conversation when I run out of questions to ask I'll
15. 2:21say okay now based on the entire conversation give me that lovable super prompt >> and then copy and paste that into uh
16. 2:30into the lovable plan mode and then have lovable transfer it into lovable these or love the language of lovable And uh
17. 2:40so what we're working on and uh I can share this because it just finished. >> Oh, cool. >> Um my prototype for this sprint is uh
18. 2:50happy habits with what which one of the mastermind members came up with. >> Uh and so good >> and it's designed to help uh
19. 3:04somebody that's related to me, maybe around the age of five or eight. uh with their healthy habits around bedtime or
20. 3:11morning routines. And so based on that lovable prompt, this is the first round. Now, it doesn't do anything yet.
21. 3:18>> Um but we've got a prototype. And so >> we talked about how lovable is really great at interpreting that language.
22. 3:27It's also really great at starting cold. If you just have kind of the wisps of an idea, you can plan that directly in
23. 3:33Lovable. And now Lovable is more secure than it was last week. It's more design friendly than it was last week and it is
24. 3:41now more discoverable than it was last week. And I'm I'm probably peeling back some of the layers of what you're going
25. 3:47to talk about tonight. Um, but we're very excited. It's a good time to be building on lovable. >> It is. I like what I'm likely going to
26. 3:53show is how not to prompt because I'm just going to go fast and loose. There going to be very little planning
27. 3:57tonight, but I but I do want to we're going to go play with the SEO stuff and I figure we'll do that with the great
28. 4:03repurpose because that site's in there and there's a little button that says explore your SEO, your discoverability.
29. 4:08So, play with that and then yeah, I figure we'll go do some of the design stuff, some of the new design stuff.
30. 4:12We'll play with that. So, awesome. >> Excellent. >> Cool. Thank you, sir. Beautiful. All right. Fantastic. If anyone has any
31. 4:21So, who do we got in here? We got Valerie, Claire, Rick the AI guy, and Kelly Camp. How y'all doing? If you're in here and you want to say
32. 4:29hello, drop a comment in there. I can see those and I'll be able to feature those on screen if we want to do that.
33. 4:37And then, um, yeah. So, so if you're going on three hours with producer Brandon, let's get this show started.
34. 4:45All right. Let me see here. I got my postits up, so I can do that. Um, let me throw Lovable in here.
35. 4:55There's actually some exciting news that I can share my entire screen and also share audio. So, if we do anything with
36. 5:04audio, I can share that. Um hopefully the uh my share keeps sharing. Brandon, as as as you do just um pop pop up here if my
37. 5:19if my screen share goes away because I can't see it. Um I probably could, you know what I'll do? I'm going to pop this window elsewhere.
38. 5:34Why can I not move it? What's going on? There we go. Okay, now I can see what you all are seeing. I can see your comments.
39. 5:46I can even pop the comments out. Open in a new window. Thanks for the lovable training, Brandon.
40. 6:01I'm going to need all the info I can get for my big dashboard. All right, Kelly Camp's creating a big dashboard. She's
41. 6:07probably creating a dashboard cuz three and a half years ago, she started an AI agency and for three years and whatever
42. 6:14it was, two or three months, she was like, "Hey, does anybody want to do anything with AI?" And they were all
43. 6:19like, "Uh, no." She was like, "Okay." And then in the last month, they're going crazy. So, she's got to create a
44. 6:27whole dashboard to just track all of her damn money. I think it's something like that. Right. Right. Kelly Camp.
45. 6:36Okay, so I am in lovable right now. Let's see. Okay, that's popped out so I can get rid of it here. Right,
46. 6:50there we go. Oh, this is cool. Okay, it's a client dashboard board they want to build with seven more. Oh, they want her to
47. 7:03build seven more. Oh. Oh, that's cool. Oh, that's very cool. Okay. Yeah. So, building dashboards. I um Claude is very
48. 7:10good at dashboards, but the the Here's the thing about Lovable. So, if you don't know Lovable, if you've never been here before,
49. 7:18um this is just on the you know, you just go to Oh, I lost my screen share. There you go, Apple. This is going to be a frustrating night.
50. 7:31Okay. So, um, this is lovable. You log in and you, if you have done projects before, they're here. But you can literally just
51. 7:42ask it to build you something and it'll start build you some building you something. Um, there's a little pull
52. 7:47down menu here called plan or build. If you if you instantly go into build mode, you can do that, but it will burn through your your uh
53. 8:00what do they do? They call them tokens. I think they call them credits unlovable. Uh it'll you'll burn through your
54. 8:06credits more. Um credits. Yeah. Um so a a good best practice and it defaults to this so you don't have to really think
55. 8:15about it, but make sure you're in plan mode if you're just starting something out or you can go look at your existing projects.
56. 8:24And here's the great repurpose which is published that's out there in the world. So, I'm coming in here
57. 8:31and you'll notice down here in the in the lower left hand corner, see ways to improve how your site gets found in
58. 8:39search. So, I've never done this before. This just came out came out I think today. Might have been was it yesterday
59. 8:44or today? It doesn't matter. Just came out um today. This came out today. So, if you've never played around with um with SEO,
60. 8:58then that's why no one can find your site. If you have ever played around with SEO, it's exhausting. And so, if I
61. 9:06know lovable, this will be a pretty good experience. Let me tell you one of my and and here's a here's the thing. Um in
62. 9:14our newsletter, we've got we we put a lovable ad in there. um where where you know they're they're willing to pay us
63. 9:21to put an ad in our newsletter. So we're technically you know we're technically sponsored by them but it's really just
64. 9:27the newsletter and it's not it's not that much money. Th this is not like I like lovable independent of the fact that I'm a
65. 9:36lovable ambassador and Brandon's a lovable ambassador and and you know we talk about a lot in here. I like it
66. 9:42because it's a good product and no one else in my opinion has really gotten close to making it easy to build stuff if you're not a builder.
67. 9:54So on top of it making it easy for you to build your website. One of the things that Lovable did really well and listen
68. 10:02I started one of the early digital web agencies in the mid 90s. In fact, that was some of the things I found were like
69. 10:09um screenshots of some of the old websites that we built back in the '9s. And there's Urban Desires. There's Vibe online. That was Vibe
70. 10:20magazine. There's American Express students. And what else did we have? Hitachi. Look at that. Look at that 90s goodness.
71. 10:36Look at the look at the thing at the bottom. Produced by agency.com 1995, Hitachi America. Um, these were the grand old days where,
72. 10:48you know, websites were were literally, you know, 27 lines of code and and a hyperlink. Um, one of the things that's always been a
73. 10:59pain in the ass is you have a domain, you've got to point your website to it. You've got to go into your domain DNS
74. 11:05servers and your A names and your N names and your records and you got to do If you mess them up, nobody can
75. 11:14find your website. It doesn't work. So, one of the first things that happened with Lovable was it said, "Do
76. 11:21you want to point this to a custom domain?" And I said, "Sure, I want to point it to a custom domain." And it it
77. 11:28said, "Put in the domain here." And so I did. And then it went and it found out where I had registered it, right? Cuz
78. 11:37like I register in either at either GoDaddy or Network Solutions, and I can never remember which ones I registered
79. 11:44at. So the first thing that lovable did was it went and it found that out for me. And then it said, "Do you want to
80. 11:50log into your account there and just have us set everything up for you?" And I was like, "Sure." And so I logged in
81. 11:56and then it did all of the the A record, Nrecord naming. And then within, I don't know, two minutes, my site was pointing
82. 12:04to the domain that I had bought. And I did the same thing here with the great repurpose. So So Lovable's just one of
83. 12:10those one of those sites that is good like that. My screen sharing went away again, but that's okay. I was just rambling.
84. 12:23Okay, so here we are. So, I have never done this before. My expectations are high. If this review SEO button sucks,
85. 12:32you'll see it here first. Okay. Optimize search visibility. Reach more visitors. Okay. Research SEO with
86. 12:40lovable. Ask about your competitor's keywords or online assessments tools. Which uh custom domain manage your domain scan
87. 12:53your project to five? Yeah. Okay. So, this is I guess all the stuff it says it's going to do. I can ask other
88. 12:58questions. Let's We just want the easy button. Scanning your project. Google search console isn't fully set
89. 13:10up. Site map is missing. AI summary is missing. Homepage is reason reachable. Crawler rules look good. Page basics are
90. 13:18set. Site is indexable. But we have three major issues. AI summary is missing. Ah, there's more. The page loads slowly. AI summary is
91. 13:29missing. Has accessibility barriers. I think Vicki told us about that when we when we first made this. She goes, "You
92. 13:36should fix your uh accessibility." Site is indexable. Indexable by search engines. Comfortable on phones. So, it's
93. 13:49checking for phone. That's cool. Your published pages are comfortable to use on a phone. Tap targets, text size, and
94. 13:56image scaling all check out. Oh, that's cool. Manage your domain. And there's the manage the domain. Ah, your SEO and AI
95. 14:07search review up to date. A few things to tidy up, but nothing critical. Try to fix all. Bang. All right. So, now it's over here thinking.
96. 14:21Does anyone have any questions? Alta Vista. Yeah, that was the the original search engine back in the day.
97. 14:30That was the first search engine that didn't suck. Reviewed SEO findings. Evaluating SEO failures and fixes.
98. 14:44Fixing. This is my kind of SEO management. Just just just deal with it. You just go deal with it for me. Thank you. I like it.
99. 14:59and it will host it till you buy your custom URL. Yeah, exactly.
100. 15:32Oh, wow. Look at all the green check marks. Fixed. Fixed. Fixed. Pages load slowly. Fixed. AI summary is missing.
101. 15:39Fixed. Sitemap is missing. Fixed. Search results won't show rich previews. Fixed. That was something that I that I
102. 15:48asked you about, Brandon, at some point. Is there a way for us to fix the rich previews? It just did. It preview still looks the same.
103. 16:10Oh, that was for Mighty Networks. Okay. Okay, cool. Um,
104. 16:24so how do I go back to where I was? Publish your app. Lighthouse flag low contrast text on publish published versions.
105. 16:41Connect Google search console. Connect my site to Google Search Console. Verify domain ownership and submit my site map. All right.
106. 17:00Listen, I used to want run one of the world's largest web development agencies, but it was before any of this
107. 17:05existed. So So I'm totally clueless on this stuff now. But we have AI. This here's the thing, people. You can be clueless and and just do
108. 17:17stuff. Now, how cool is that? This name will only be used in lovable. So, we'll say AI salon um
109. 17:34search console. >> Hey, Kyle. Yes, sir. >> I have a request from Andy. >> Yes. >> In the next section down where it asks
110. 17:50you for scope and who has access if we could use our meet at the salon.ai. >> Yeah, that's what I was going to use.
111. 17:58>> Okay. Because I just making sure because I know you move fast and click things and there's is there panic going on?
112. 18:08>> A little bit. I'm getting text messages. I got you, Andy. Okay. Um, invite entire workspace. Why can I not change this
113. 18:22connection? Can I change how I'm logged in?
114. 18:39It might be scoped to the project and because you're logged into lovable as that. >> I'm not I'm not I'm not going to do that
115. 18:47now. I'm just going to skip that for now. >> I'll let I'll let you do that afterwards. That's okay. Skipped
116. 18:52reviewing the scopes. That's fine. >> Um but but I am going to publish this. I am going to publish the site
117. 19:00public to anyone. So we're going to update the live site and then we'll just go look at the live site. You declined
118. 19:05the connector setup. So I can't proceed. Yeah, that's good. That makes sense. Great repurpose.com. Manage three domains. www is in there.
119. 19:18Connect an existing domain. Edit the URL. Okay. I think it's publishing. Is it published?
120. 19:34Looks like it is. I guess we're live. Let me go to the great repurpose.com.
121. 20:03Uh, three faces of >> Hey, I have a question for you, Brandon. I'll bring you up here. >> Share my screen.
122. 20:14>> It was question where your screen went because I don't know. >> No, the question is um, Lovable just rewrote our homepage.
123. 20:24Like, I asked it to fix our SEO. Yeah. >> Oh, wait. No. Oh, no it didn't. No, it didn't. Three faces of the same
124. 20:33disruption. Here's the five things. Unhook identity. No, it didn't. Never mind. Okay, you can go away.
125. 20:38>> If you uh if it did, you can go back through revision history and and restore previous versions if that's >> Oh, that's cool. Okay, cool.
126. 20:50Wow. All right. Um, what's your repurpose profile? So, if you haven't been to the great repurpose.com, you can go find your
127. 21:04repurpose profile and reclaiming agency, meaning, and value in the age of AI. Okay. And I guess we're
128. 21:14now SEO friendly. So, wait, I wonder how fast that stuff works.
129. 21:28Go to Google. Probably doesn't work instantly, does it? Um, let's see. Let's just look up repurpose. Repurpose.io.
130. 21:47We'll do repurpose. Grand repurpose. No. Great. The great repurpose right at the top. It
131. 22:01still has a lovable icon there, which is a drag. All right. So, we're at the top. If you search for great repurpose, we're at the top.
132. 22:13All right. Beautiful. Try tagging Semrush in the lovable chat. SEM Rush. I don't know what you mean. In the lovable chat under plan.
133. 22:29>> No, just under build. You can at mention or I guess under plan. You can appmention SEM Rush and it'll do a an
134. 22:36audit of um the search engine marketability of your app. >> Where do I put that? Here. >> Collaboration. Yep. just at SEMrush. It
135. 22:45should come up >> and then say what? >> Uh, is it not coming up for you? It might not have been turned on yet, but
136. 22:56>> yeah, maybe it's not turned on. >> We should also go back through we can also go back through and look at the
137. 23:04hype video that they posted on Twitter because it's it's pretty good. >> Okay. Yeah, we can do that. Uh Andy said
138. 23:10you've been number one in Google search results for me for a minute now. Do you mean that like hyperbolically like a
139. 23:17minute for like a while or do you mean literally for a minute? >> We've been for it's you you've been showing in the search results top
140. 23:26trending uh for those keywords for a while. >> Okay. Okay. All right. Cool. All right. Um anyway, that's done. That's the non
141. 23:34sexy stuff for a while. Okay. Got it. Okay. So, let's go. Let's jump over to X. The X and we're going to go look at Lovable.
142. 23:47>> It's their pinned post. >> Okay.
143. 24:01Your lovable apps are now built to be found. New apps are now serverside rendered and discoverable through search
144. 24:09engines like Google. AI answer engines like ChatGBT Cloud and Perplexity existing apps. Oh, that's Let's go try uh ChatGpt.
145. 24:23Oh, no. It's going to know it because I've I wrote a bunch of the content in there. All right, never mind. All right,
146. 24:28let's watch the video. Um, am I sharing my audio? Hold please. >> And you can see it. They tagged SEM
147. 24:39Rush. I don't know how you do it. Maybe the video will show us. But if you look at the second half of that tweet, it
148. 24:44says additionally access search intelligence inapp chat with your SEO data. Oh, is it the maybe it's chat with your
149. 24:55SEO data in in the uh in the iOS app. Huh. or maybe log into SCM Rush and see things like that. All right. Well, let's watch it. Here we go.
150. 25:28Yeah,
151. 26:00Yeah, they've got some they've got some good marketing talent over there at Lovable. Lovable's European, aren't
152. 26:06they? They're based in Europe, aren't they, Brandon? Yes. Scandinavia. Wow. Um, hey, SEM
153. 26:20Rush. Um, how discoverable is my website
154. 26:46thought check SEO trend on SME Rush. All right. So, it's it's it's going there. I don't think you need to add add it, Brandon. I
155. 26:56I just I just said, "Hey, SEM Rush." That's what they typed on their website, and it seems to be working. Use three tools. Yeah. Semrush.
156. 27:08Check the trend. On my profile, it says SCM Rush connector is coming soon. Oh, >> okay. Oh yeah, wait. No backlinks, nine. All
157. 27:25nonfollow referring domains. Your site is essentially invisible to Google search today. That's normal for a new
158. 27:32domain. SEM Rush has no no records. All right. Well, we just we just did all that work. So, okay. All right. So, what
159. 27:39we're going to do uh just lost my screen share. What we're going to do is we're going to come over here and I want to look at
160. 27:56a post that I found earlier. Here we go. Okay, so this is someone named Philly F F8 F
161. 28:17Let me try sharing a different way here. Okay. Um,
162. 28:35so let's look at this site made with lovable. You can nest the flowers. I sit for hours
163. 28:51all the >> Okay, so I have no idea how much stuff
164. 29:06he seated lovable with, but let's go look at his post.
165. 29:30Okay. So, he said one start with the midnight blue. Oh, wait. I got to share different. We can share this tab instead. Okay. How
166. 29:44I built with lovable. Start with midnight blue and soft sand feels cinematic instantly. Tell lovable to
167. 29:49make it a single scroll page with scene transitions. Add a lone figure walking through a dreamy 3D landscape. Each
168. 29:58scroll section reveals a new sleep science fact. Use CSS fluid shapes for organic background movement. Wide
169. 30:07spacing plus slow fadeins. Let the content breathe. Deploy in oneclick. No code. no agency, no $10,000 budget. Okay.
170. 30:20So, let's take this stuff that he said. That's his prompt. Let's go to chat GPT and say um here is a post on X that
171. 30:47for was for a lovable website to test their new design chops. So, so by the way, what I'm what I'm testing right now
172. 30:56is about a week ago, Lovable said, "Hey, our design stuff just got much much better." Um, and I haven't really played
173. 31:04with it, so I'm playing with it while you're playing with it for the first time. Here's a post on X that was for a
174. 31:11lovable website to test their new design shops. Um, can you explain what all these things mean? And if there is
175. 31:28um if there are other things you might recommend for a fun demo and Oh crap. Stop.
176. 31:45All right.
177. 32:07Okay. This is basically a mini creative brief for the lovable for making lovable look less like an AI generated SAS
178. 32:13template number 47 and more like an interactive web experience. Lovable for context. Okay. What each line means?
179. 32:21Start with this a color palette direction. Single scroll page. A lone figure walking in a dreamy 3D landscape.
180. 32:40It's testing whether lovable can handle taste, atmosphere, motion, narrative, scrolling based pacing, visual
181. 32:48hierarchy, a concept that feels design not assembled. Other fun demo ideas I'd add a sleep journey progress path. Okay, let's uh so
182. 32:58I want to say um I don't uh let's see. I don't want this to be about sleep. I want it to be a site about the history
183. 33:17of American muscle cars. Write me a new prompt. that incorporates your ideas, their ideas
184. 33:34and this new subject matter. Okay. So, we did this in the early days of the web. You can do this. This this is one
185. 33:50of the one of the joys of having AI now is if you find something you like, you can basically take an approach that
186. 33:57someone else took, use that as a starting point, spin your put your spin on it. Um, and just use that as a
187. 34:04starting point just to learn. Like if you want to just learn quickly, a way to learn quickly is take someone else take
188. 34:10something someone else did that was cool and learn from it. So that's what we're going to try to do here today.
189. 34:17Okay. Create a cinematic slowcroll website called American Muscle, a rolling history of power, rebellion, and
190. 34:25design. The site should look like a premium interactive documentary, not a generic car blog. Use deep midnight
191. 34:32blue, warm soft sand, oxidized chrome, faded racing red, and a subtle asphalt black color t pallet. Good lord. The
192. 34:41mood should be cinematic, analog, gritty, and nostalgic. The feel of an old garage. Okay. Build the site as a
193. 34:47single scroll with smooth scene transitions. Each scroll. Okay. The visual centerpiece should be a lone figure. No, no, no,
194. 34:59wait. The visual centerpiece should be a lone figure walking through a dreamy 3D landscape. Oh. Of American car culture.
195. 35:12An empty factory floor. Glowing drag strip. A neon lit diner parking lot, a desert highway, a suburban driveway. That's fine.
196. 35:21The pre-ignition era, the golden age, the crackdown, the survival years, the revival optional shorter version. Let's use the
197. 35:34shorter version. Okay. Create a cinematic. Okay.
198. 35:50So now we're going to go to lovable share screen here. We're going to go back out. All right.
199. 36:05So we're in plan mode. That's good. You can have the domain in GoDaddy, but you have to build the site in lovable. All right.
200. 36:20So, here we go. Chrome and asphalt. That's what it's calling this website.
201. 36:47Let's go see it. While that's building, let's go look at uh X and see if there's any interesting things people have shared about Lovable
202. 37:06SEO one-shotted with lovable. Is this the same guy? I think this might be the same guy. Wow, that's pretty cool.
203. 37:33Huh? Okay. Lovable greater than framer. I made this transition in one single prompt. Follow me and comment design and I'll DM
204. 37:46you. Stop being an engagement Just give us your prompt, right? Let's see.
205. 38:04Christy Chararma, this is a really huge problem they solve. Previous I couldn't build any real sites with lovable as
206. 38:09crawlers couldn't read them so they could never be able to rank them organically. How many people commented though? Oh,
207. 38:19and the the dude with his engagement farming 44. Not bad, bro. This is lovely. Well done, sir. Design and also fire design. There you go.
208. 38:35Cool. All right. What's What's lovable doing here? Uh, plan cinematic single scroll documentary site on the American muscle
209. 38:44car history with eight era sections, interactive modules, 3D feeling, parallax journey. Approve map. Okay, let's see. All right, that's
210. 38:57off doing its thing. Let's go back here. What's this? Lovable has a new creative engine. The first pieces shipped today.
211. 39:07This NAD is he from lovable? Yes. Oh, head of design, founding designer. This is a single This is the single
212. 39:17generation that cost me a night's sleep. Everything made by it, including the images. Here's a breakdown of what it is and what it isn't.
213. 39:25Well, this is cool. This is pretty remarkable. Introducing the lovable aesthetics
214. 39:40update here. Let's watch. We'll watch the video here. I think I'm sure
215. 39:56great design takes time. From color to texture to typography to touch.
216. 40:12Introducing your new design partner. Build with intention. Collaborate with your team. Leave
217. 40:27comments and tag Lovable to action changes and generate from text prompts, visual references, or ask Lovable for inspiration.
218. 40:43Great design. It used to take time. >> So, wait, I just saw something there that I didn't see. >> Great design. >> So, let me stop that. Um
219. 40:55Oh, look. There's our There's a I don't That's not exactly a muscle car grill.
220. 41:11That's all right. Let's do a We're going to do a new window here. Um, lovable.dev. We're going to share this tab instead. Better SEO
221. 41:25share lovable plan. Um, give me three radical
222. 41:40web designs for Let me grab something here. Attach a file
223. 41:55Sydney Yeah, that's good.
224. 42:09Give me three radical web designs for a musical called Sydney and our to official love story.
225. 42:29Um, where this is the poster. Let's just see what it does. Generate that Go make me some radical designs there, lovable.
226. 42:47I don't know if that's going to work or not, but we'll see. What do we got going here? Still working. Yes. Oops. Not sharing.
227. 42:57Polishing garage quiz experience further. All right. It's creating us a garage quiz. All right.
228. 43:11Exploring the design direction. Let's do one other thing here. I'm gonna go to Gen Spark. Okay. So, so three things going on.
229. 43:27First thing is Lovable's making a scrollable website about the history of muscle cars. We'll see how that does.
230. 43:34Next, I went and I uploaded a poster for my musical and said, "Give me three designs for a website about that," which it knows
231. 43:45nothing about because we don't really have history with that show and lovable. And now I'm going to GenSpark and I'm
232. 43:51going to go to the AI designer. And I'm going to do the same thing. I'm going to upload. I got to share this tab. Hang on a sec.
233. 44:09Am I sharing? Yes. Right. The browser has lost connection to share audio. All right. Whatever. I don't think I'm going to be doing that.
234. 44:18So, I'm going to upload browse local files. There we go. Grab that. Say um design.
235. 44:35Let's say what I say in level. Give me three radical designs for a promo website for my musical.
236. 44:56Where this is the poster to pull design inspiration from. Okay. So, we'll let that go off and do its thing.
237. 45:12There's our designer canvas. Genpark's pretty interesting. This is GenSpark designer. So, if you're at
238. 45:21GenSpark AI, click on GenSpark designer and it creates this canvas where it's going to put its designs over here. And
239. 45:29then you can kind of watch what it's doing over here to the left. Understand images. Understand images. Using tool think
240. 45:41user wants three radical things. How's lovable doing over here? Ah, here we go. Can I see these?
241. 46:01So, that one sort of pulled the colors. These are all very disappointing.
242. 46:15I'm going to say you didn't use the logo or the colors
243. 46:29or the art. which is so prominent. Try again. Go. All right.
244. 46:47So, that was that was disappointing. That was a bit of a bummer. Ah.
245. 47:04So, here here's the website.
246. 47:21That's not a real grill of a real car. a rocket idling in a quiet driveway in 1949.
247. 47:38So, those are cool, but we don't have any of the 3D the 3D groovy stuff that that other site had. None of those are functional.
248. 47:55I mean, it's still pretty impressive. It's kind of cool, but it's not great. These are all fake cars. I wonder what
249. 48:08image model is sitting underneath this thing. Try parallax scroll and lovable and see how they do. All right, let me go back to lovable
250. 48:23here. Um, let me go plan. Um, none of the images show
251. 48:42real muscle cars or brands. Um, I also want a parallax
252. 48:57scroll and it's minimal. I'd like some 3D effects as
253. 49:13I scroll as well. Okay, there's that. Let's go back and see. Oops, I wasn't sharing. Anyway, I'm back at lovable and I just gave it a shitty
254. 49:26prompt. And now here are these designs, which again did not use the logo
255. 49:44and it spelled this wrong. Advanced intelligence a real connection. Okay, that's not great. So, let's go to GenSpark.
256. 50:01It also did not
257. 50:17Let's see. Um, none of your designs incorporated the
258. 50:36um poster elements, the logo, the color palette,
259. 50:52the illustration, none of it. This is a fail. Try again.
260. 51:10All right. So, that's off doing that.
261. 51:30Yeah, this is just a fail. I really don't I don't quite get I'm going to go ahead and blame myself for
262. 51:39not prompting well, but I honestly don't understand why it's so bad. All right, replace abstract art with real muscle car imagery.
263. 51:54Rebuild the scenes as multi-layered parallax with sticky pinned images and add a scroll CSS 3D FX tilting. All right, approved.
264. 52:11So, let me go show you something. Search uh history of muscle cars.
265. 52:44Okay, so this image, let me download this.
266. 53:04Okay, let me share different.
267. 53:19Okay, this thing here the prompt for this this was in chat GPT the new images 2
268. 53:34model and if you're like I don't know where that is um it's just go to chat GPT and and the image model that's in there the prompt
269. 53:42that I put in this was make me an infographic about the history of muscle cars. So, that's a Chevel SS, like a
270. 53:58what is that? A 69 or 70, maybe a 71. And then it got all the right brands in here. It got the right cars in here. It
271. 54:10It designed this speedometer thing. It did the color coding, did all the the the right
272. 54:24brands and logos down at the bottom. So, so this was created like two weeks ago
273. 54:40um using the new model. So when I So when I go over to, you know, lovable and I see something Yeah. Stop sharing again.
274. 54:51And when I see something like what it created with non actual cars, you know. So this all looks broken now. Oh, yeah.
275. 55:06Try to fix. Okay. So that's broken. All right. for the code present I get the error below try to fix I can't
276. 55:22an error occurred trying to fix it automatically me reload the page let me go back here those still suck >> hey Kyle
277. 55:33>> fun fact um if your website breaks during generation Lovable will keep trying to fix it for free without using
278. 55:41your credits until it gets it back to a functional prototype. >> Oh, that's nice. >> So, you just let it cook, it will
279. 55:49continue to work on that. >> Oh, cool. All right. Cool. Groovy. That is actually a fun fact. All right. Let's go to this. All right. Use
280. 56:01my Did it Did this do anything? No. Oh, it's waiting on me. Okay, I understand the issue. The URL format isn't working for me to view your
281. 56:16poster. But I uploaded a picture, you dumb dumb.
282. 56:30Here's the poster again.
283. 56:47So this is this is genpark designer. Perfect. Now I can see your poster. Let me analyze it properly. Understand images.
284. 57:03Perfect. Now I can see Sydney and artificial love story poster. Let me analyze the key elements and then create
285. 57:10three radical website designs. Okay.
286. 57:29All right. That's a Charger. So that's a real car. A rocket idling in the driveway.
287. 57:45That's kind of cool. That's a little parallaxy. Numbers when numbers still meant everything.
288. 58:14Oh, it's still building. H. All right, that's kind of cool. Jen Spark's doing design preparation.
289. 58:39All
290. 58:56right, here comes some new designs.
291. 59:38All right, there it did. There it actually used our logos. So that's Gen Spark Designer. Not crazy about any of these, but not horrible.
292. 1:00:13Did this finish? Use three tools. Restarted the dev server to clear the stale code.
293. 1:00:53Yeah. You know what's striking me? What's striking me is um I'm kind of looking at
294. 1:01:15I'm kind of judging I'm kind of judging this website like I would judge a website if I hire hired some fancy ass designer. I don't
295. 1:01:30My machine's just crapping. I love this graphic. Last six in the salon, then push to YouTube.
296. 1:01:47Yeah. The way the the way these replays are going to work is the most recent six episodes are going to live in the AI
297. 1:01:54salon and then it'll be a rolling like all of the episodes are ultimately going to live in the YouTube archive,
298. 1:02:04but you have to be in the salon uh to see the most recent ones, which you all are because you're here. Um,
299. 1:02:13no. You know what's what's fascinating about where we are right now is I think even two years ago if this capability
300. 1:02:26existed, it would be it would be pretty remarkable. And now I'm sort of looking at this going, is it exactly what I
301. 1:02:34want? I gave it no creative direction. I gave it a chat GPT generated prompt based on some X prompt that some dude did and
302. 1:02:45this website now exists. I mean, it's not I haven't published it anywhere, but there's the GTO judge. Midsize Tempest
303. 1:03:01numbers when everything meant everything. The shortest summer in horsepower. 1970. The 450 horsepower Hemi Cuda.
304. 1:03:14The Buick GSX stage one. For two model years, the showroom and racetrack were the same place. Oh, there's a bug here.
305. 1:03:28Still pretty cool that it did that. Oh, I'm not sharing. Damn it.
306. 1:03:42But like this is for for however what what has it been? I don't know 10 minutes, 15 minutes like mindlessly putting in a shitty chat GPT
307. 1:03:54generated prompt. I didn't write any copy.
308. 1:04:15It somehow broke the back of that car. Still pretty cool. Smoking the Bandit. A single bulb kept burning. That was the
309. 1:04:3180s. Horrible. Now, here's the 2000s. The revival. The badges come back. The sound followed.
310. 1:04:55That's cool. I was just thinking that how quickly easily we're unimpressed with AI tools. I'm still in awe of how TV and radio
311. 1:05:04works. I Yeah, I know. Like Sam Alman said this like six months into after Chat EPT came out. He was talking
312. 1:05:18about people were asking him about AGI and he said it is possible that that we hit AGI and just nothing happens
313. 1:05:30that people just keep going on with their how they do what they're doing and they just keep going and just no one
314. 1:05:36pays attention to it. No one really cares. I could see that being a thing. They're like, "Yeah, you just you just
315. 1:05:47ask for a website and then you get a website and then it's published and then it's discoverable. The is that car?"
316. 1:06:00Dodge Charger O Daytona EV makes 670 horsepower and a synthesized Hemihal. I've never seen that car. That's their electric. Their electric
317. 1:06:13charger. Huh? Oh, this is cool. Look at this. 1970
318. 1:06:31446 pack 5.0 No. Coyote grabber. Blue. Roll the dice.
319. 1:06:48Yeah, but it should it should build a car for me. Where's my car? I don't want to I don't want text. The muscle car was never just a car.
320. 1:06:59Build your dream machine. All right. Yeah, that doesn't work. Let's Let's go back to lovable. See if we can make it work. Okay, we'll say um
321. 1:07:10the dream car builder um only seems
322. 1:07:24to have Mopar options and it doesn't actually build a car. Fix that.
323. 1:07:43I want to see. Yeah, I know. See my creations. All right, we'll see if it can fix that.
324. 1:08:00Okay. All right, that's doing that. All right, this is just garbage. We're going to
325. 1:08:15throw that out. This is the test website, which is fine. Now, this is only sharing one tab at a time. I don't understand
326. 1:08:27what's happening with the sharing. It's bizarre.
327. 1:08:48Oh, you know
328. 1:09:23Oh, did you guys see this? So, this there was a live stream today from I guess this is is he the CEO, Brett Adcock.
329. 1:09:36Yeah, he's Figure Figure Robots. I think he's the CEO. So they live streamed this dude sorting packages.
330. 1:10:07So anyway, that was running for eight hours today and apparently at one point he sort of freaked out and something happened and
331. 1:10:14all the packages got backed up. But apparently that thing's running autonomously. Although some other some
332. 1:10:22people pointed out that it looked like the robot was adjusting his VR goggles, which if it were a real human and it was
333. 1:10:28mimicking the human, a human might mimic might adjust VR goggles. So, I don't know if it was real or not, but that was kind of cool. Um,
334. 1:10:40all right. What's this thing doing? Still building fixed. The builder now now includes All right, let's go look at it.
335. 1:11:14Choose your garage Friday night. Where are you?
336. 1:11:29That's hilarious. Look at the car. It It tried to draw the car. Oh my god, that's horrible.
337. 1:11:44Wow. Really funny. Very cool. Um All right.
338. 1:12:01Enough building crappy stuff. Is there anything else for us to look at? I don't think so. All right. So, let me jump back on stage
339. 1:12:15and give you my thoughts. My thoughts. So, hopefully you're playing along and building some stuff on your own. Um,
340. 1:12:32this feels like one of those really good examples where knowing something about web design will actually allow you to do
341. 1:12:39this better, right? that that if you don't really know all the terminology and what's possible with web design,
342. 1:12:49it's going to kind of give you its guess at stuff and it's like it's it's okay but not great. Genpark designer seems to
343. 1:12:56have a bunch more layers of reasoning that it's doing tools that it's calling um but it's still janky. So So all these
344. 1:13:06tools right now are still janky. Will they be by the end of the year? Probably. Yeah, probably. Um,
345. 1:13:20anyway, let me let me take a little break right now. So, this Friday at 11:00 a.m. Mountain time is AI salon office hours. And so, office
346. 1:13:31hours, uh, we start at at 11. Um, I'll sometimes tee up conversations like like the past three or four weeks I have
347. 1:13:44been because I've had a lot that I've been thinking about. This week I probably won't cuz unless something something could drop from OpenAI
348. 1:13:53tomorrow. They tend to make their drops on Thursdays and they announced, you know, these new this new deployment
349. 1:14:01program. They announced it on Monday. So I could see them dropping something tomorrow. So if if there's some new
350. 1:14:08exciting thing from Open Open AI or anyone else, we'll probably talk about that on Friday. But if not, we'll
351. 1:14:14probably just have people talk about what they're working on, what they're seeing, what they're experiencing, you
352. 1:14:19know, um how people are dealing with the changes that are coming. Um,
353. 1:14:35is there anything tomorrow? I don't think there's anything tomorrow. Tomorrow's Thursday. Yeah. So, so yeah, tomorrow. Tomorrow. If you're a
354. 1:14:48member of the mastermind, the practice lab is tomorrow. Now, we started the 12-week cycle last week, but
355. 1:14:56the official framework starts tomorrow. So, segment one of the framework is center the human. And so, that's the the
356. 1:15:03the session tomorrow. So, if you're in the mastermind, join us for the practice lab. Um, Sid Hargrow is leading it. I'm
357. 1:15:12co-hosting it with him and uh and it's a really good group of people. So, if you haven't been, you can Here's the thing
358. 1:15:20about the cycles. You can start at any time. You can come in at any time. Everyone is working on their daily
359. 1:15:26practice around how they use AI. Um, doing a daily practice with something as frenetic and chaotic as AI, it is
360. 1:15:39surreal and and insane. Um, but it's allowing people to be a lot less freaked out. the people that are doing this
361. 1:15:46daily practice are calming down a bit and focusing a bit and being more intentional. Um so so it's it's a really
362. 1:15:53good group. Um really fun to be there. Um who's got let me bring I want to bring my main screen back here to this screen so I can actually
363. 1:16:04see all your comments right in front of me. So, we've got 15 minutes. What are your thoughts? I'm curious what your thoughts
364. 1:16:17are on what you saw tonight. Did you learn anything? Were you building along? Anything interesting? Any insights? Any questions?
365. 1:16:28I love the car poster. Yeah, the car poster is amazing. The uh the history of muscle cars. Pretty amazing.
366. 1:17:01What about using Lovable for everything? Um, a couple of things you can't do with Lovable right now. Lovable is just for
367. 1:17:12doing web apps. So, if you want to do I said Todd Waller, I signed in late at 8:30. That's what you're gonna do. Uh the the
368. 1:17:24the uh replay will be available I think tomorrow on uh in the AI salon. Um and then YouTube two weeks from now. Um
369. 1:17:35Lovable can't do like native iOS apps or Android apps. it can do web apps that are responsive, so they look good in mobile and in web.
370. 1:17:44Um, so that's that's probably the biggest limitation is you're not doing true application development, but you
371. 1:17:51know, a lot of the stuff we interact with in the world today is not native, you know, applications on mobile devices. So
372. 1:18:01any kind of promotional website, Lovable's brilliant at anything where you're digging deeper and having it do,
373. 1:18:09you know, processing or AI things like that, it's pretty good at that stuff, too. Um, if you haven't been taking Brandon's
374. 1:18:224-week lovable course, which this tonight earlier was week two of a four-week session, um, you should take
375. 1:18:31that because one of the things that Brandon's talking about in there is before you go in and do what I did
376. 1:18:37tonight, like what I modeled for you tonight is how not to do it. Like, you know, your lovable credits are
377. 1:18:47these precious little things that you can burn through really quickly. And one of the ways that you burn through more
378. 1:18:52credits is you just go into lovable and you're like, give me an app. Which is what I did tonight. And then you look at
379. 1:18:58it, you're like, I don't like it. Well, you've just spent all these credits building this thing that you had no
380. 1:19:04intention about. So, one of the things Brandon's looking at is thinking about what you're going to build in Lovable is
381. 1:19:10a much more long-term kind of process where you actually are really thinking about what you want to do, why you want
382. 1:19:16to do it, you know, what you want it to function, what you want it to look like. Do all that stuff outside of lovable so
383. 1:19:23that when you come to lovable, you actually have a plan. Um, next week we're off.
384. 1:19:39Oh, because of the Yeah. So, Brandon's going to be Brandon's going to be not available next week. All right. Scott in
385. 1:19:46Wisconsin. Thank you, Rick and Brandon. I'll be building my first project file folders for some repetitive things I do
386. 1:19:54such as presentations that pull data images from the Fed Reserve housing data. Thank you again for earlier too.
387. 1:20:01That's awesome. Todd Waller, I was able to give my Hermes agent Obsidian Vault today. Exciting for a nerd like me.
388. 1:20:10Yeah, I had What did I have play with Obsidian for me? I think it was Codeex. I had Codeex set up Obsidian, but
389. 1:20:21again, if you don't know what you want to do with all of these tools, it's just wasting time. So, I've been wasting a
390. 1:20:28lot of time lately. Kelly Anderson, and absolutely take a screenshot of the style of another website, bring them
391. 1:20:37into lovable during the planning phase, and be descriptive about which features you particularly like. That's good.
392. 1:20:44That's really good. Yeah, because the the models that Lovable is using are able to see what you give it, right?
393. 1:20:52Even though the designs it did for me, I didn't prompt it well. I was I was being lazy tonight. Um, but do some planning, do some some
394. 1:21:02thinking about what you want your site to be, what you want it to do, what you want it to look like, the features and
395. 1:21:09functionality you want. The more you can have that sort of thought out before you get in there, the better it is. Um,
396. 1:21:18although if you've never I'm curious if if anyone in here is just watching and has never tried anything in lovable. Has
397. 1:21:26anyone including tonight never even tried it. Just pop pop Well, you you might not want to pop your comment in there if
398. 1:21:36you've never tried anything, but do it anyway. We won't pick on you. I won't make fun of you. I promise. But I'm just
399. 1:21:42curious if anyone hasn't tried it yet because what is probably worth your time. You can do this in Claude, you can do
400. 1:21:53this in Chat GBT, you can do this in Lovable, you can do this in the Gemini products. If you go to aistudio.google.com,
401. 1:22:02that's their version of a vibe coding tool. If you've never done one of these, pick your favorite game like Wordle or or
402. 1:22:15some video game and just tell it to go build you a clone of that. Um, and just watch what it does. Or make a dashboard
403. 1:22:25for some kind of tell it to go find a bunch of data and then make a dashboard for that data. or if you've got data,
404. 1:22:32upload the data and say make a dashboard for this and just watch what these things do. Um, Claude I've been
405. 1:22:39particularly impressed with lately. Um, a lot of people are shifting from Claude back to OpenAI. Um, OpenAI announced
406. 1:22:48today that if you're going to if you're going to install Codeex for your business, they're going to give you two
407. 1:22:54months of unrestricted free use. So, they're going to subsidize your tokens for two months. So, I don't know what
408. 1:23:00the restrictions are on that, but I would go look look that up if you haven't done it. Um, and I think that's about it. Um,
409. 1:23:08we'll be back here Friday. Did you see my final website? All vibecoded and exported dieconverter.com. No, let's go
410. 1:23:16look at it now. Dieconverter.com. Let Let us go look at that. Um,
411. 1:23:32so this is Chef Kelly's website, www.dconverter.com. Fully vibecoded. It looks great. Look at that. Molecule match 99% accuracy. Start
412. 1:23:49conversion. Try for free. I saw Mighty Networks has a course plan where you can post courses. Is that something to consider?
413. 1:24:02Some of our replays are courses. How to replace artificial food dyes with natural alternatives. Input analyze. Comply.
414. 1:24:14Red 40 is banned. Listen, Chef Kelly, I grew up on Red 40. Who's doing this? Who's doing this? Ban December 2027
415. 1:24:33petroleum derived. Wow, that's cool. Try your dye. Select a die. We'll go red 40. Select an application.
416. 1:24:45Let's go confections and candy. Find your natural alternatives. Carmine excellent stability FDA 21 certification 73.100
417. 1:24:59it's a little expensive the carmine the the carmine let's see beet powders cheap best for sugar panned confections this
418. 1:25:15is so cool your full an analysis includes 15 alternatives get full. Oh, this is cool. This is a uh a premium model. You get three choices
419. 1:25:26here, but if you pay for it, you get 15. The real platform returns the complete picture. Stability curves, regulatory
420. 1:25:34docs, sideby-side cost comparison, supplier contact info. This is really slick. Chef Kelly home about.
421. 1:25:49Look at Chef Kelly. Oh, wait. Am I not sharing this? Wait, am I sharing this? Yes. You can all see this, right?
422. 1:26:02Yes. Good. Good lord. I thought I was just talking for 10 minutes. Health shouldn't depend on your zip code
423. 1:26:12and reformulation shouldn't require six figure budget. It's really smart. This is really really smart.
424. 1:26:31Consultants charging up to 75,000 per SKU die converter 15 grand. Two seats for a year. Yeah. Why wouldn't they do this? Schedule a demo.
425. 1:26:44I would I would hope I would assume you're getting you're getting conversations at least with this. This is really quite good. Why the FDA
426. 1:26:52stalled the approval of beatetroot red. Fascinating. So you got some blog stuff in here. This is really good. All right, there you have it.
427. 1:27:08You too can start a business and not have to hire someone to do all your stuff. Now, Chef Kelly will probably tell you like, "Was this easy?
428. 1:27:21Did she just do this in a sitting like I did?" No. I've seen I saw a version of this what, two months ago? I'm the first
429. 1:27:28to try out that demo page. Oh, good. That's great. That's beautiful. It's really good. It's really good.
430. 1:27:48So, the next thing you're going to have to do is is is vibe vibe marketing. Time to wrap up. All right, it is 8:58. Let
431. 1:27:57me pop out of here. Chef Kelly, congratulations on that. Um, looks great. Thank you all for being here. I will see
432. 1:28:05you here for Friday night date night. So, Friday night at 7:30 p.m. Mountain time, 11:00 a.m. for um office
433. 1:28:16hours on Friday. You can find that in the uh in the events page over here on the left in Mighty Networks. And then uh
434. 1:28:24tomorrow at 10:00 a.m. Mountain time is the AI Salon mastermind practice lab. So, if you're in the mastermind, you're
435. 1:28:32here tonight, get some sleep and join us for the mastermind practice lab. Okay, everybody. Beautiful. Peace
436. 1:28:41out. Thank you all. I appreciate you as always. And I will see you Friday. Friday is an AMA. Ask me anything. So,
437. 1:28:48bring your questions, store them up, come week to week, and we'll talk Friday. All right. Maybe bring a couple
438. 1:28:54of people up on stage. We'll do more more conversation-y kind of stuff. We'll figure that out. All right. Peace out
439. 1:29:00everyone. Have a great night. Bye.