WEBVTT 1 00:00:00.383 --> 00:00:01.755 Amir is back on the pod. 2 00:00:01.816 --> 00:00:02.279 Thank you. 3 00:00:03.623 --> 00:00:06.000 By the end of this episode, what are people going to learn? 4 00:00:06.682 --> 00:00:10.380 Today we're going to cover three aspects of building business, 5 00:00:11.604 --> 00:00:13.500 using new tools to actually build out landing pages, 6 00:00:13.821 --> 00:00:16.680 and then using other tools like Umbolitics to actually create 7 00:00:16.842 --> 00:00:18.620 high converting landing pages and running experiments. 8 00:00:19.080 --> 00:00:21.140 So we're going to cover how to actually use Idea Browser 9 00:00:21.341 --> 00:00:24.380 to build the right amount of context and planning 10 00:00:24.561 --> 00:00:26.999 to come up with an idea and build a landing page behind it, 11 00:00:27.402 --> 00:00:30.480 validate it, refine the design using paper design, 12 00:00:31.001 --> 00:00:32.900 and then going into Humblex and then running an experiment 13 00:00:32.940 --> 00:00:36.380 and tracking data to then come back and keep optimizing for conversions. 14 00:00:36.600 --> 00:00:38.680 And you're going to commit to giving all the sauce. 15 00:00:38.860 --> 00:00:39.899 You're not holding back. 16 00:00:40.260 --> 00:00:41.045 Raw. 17 00:00:41.065 --> 00:00:43.460 We're going to go through everything, all the sauce. 18 00:00:43.780 --> 00:00:46.240 By the end of this, you're going to learn what it takes to take an idea, 19 00:00:46.721 --> 00:00:50.200 validate it, refine it, build a landing page with a nice design 20 00:00:50.300 --> 00:00:53.740 that's not vibe-coded, and then get the right data to make some money. 21 00:00:53.901 --> 00:00:57.180 Okay, because there's a lot of tutorials that sort of promise that, right? 22 00:00:57.380 --> 00:00:59.940 But then you end up with like a purple vibe coded landing page. 23 00:01:00.241 --> 00:01:00.940 Do I ever let you down? 24 00:01:01.060 --> 00:01:01.599 No, you don't. 25 00:01:01.740 --> 00:01:02.498 I don't let you down. 26 00:01:02.560 --> 00:01:02.859 That's true. 27 00:01:03.021 --> 00:01:03.438 There you go. 28 00:01:04.165 --> 00:01:04.979 All right, let's go. 29 00:01:05.120 --> 00:01:05.758 Let's get into it. 30 00:01:05.960 --> 00:01:06.180 All right. 31 00:01:06.260 --> 00:01:06.351 So 32 00:01:07.061 --> 00:01:12.974 Idea Browser came out with something really cool. 33 00:01:17.061 --> 00:01:21.480 I really like, which is basically you can now directly connect Idea Browser to Cloud 34 00:01:21.561 --> 00:01:22.719 Code as an MCP. 35 00:01:23.422 --> 00:01:24.476 What's really interesting about it is, 36 00:01:25.621 --> 00:01:26.920 you know, you guys used to focus a lot 37 00:01:27.081 --> 00:01:29.500 on finding the right idea and then building it. 38 00:01:29.902 --> 00:01:30.900 But what was missing was, 39 00:01:31.521 --> 00:01:33.760 how do you track the natural progression 40 00:01:33.881 --> 00:01:35.540 of how the business is evolving over time 41 00:01:35.742 --> 00:01:37.120 with the right context and documents 42 00:01:37.565 --> 00:01:38.840 to then come back and reference to say, 43 00:01:38.940 --> 00:01:40.478 okay, cool, like this is the idea I had. 44 00:01:41.160 --> 00:01:42.760 Here's how I started with the ICP positioning. 45 00:01:43.060 --> 00:01:44.419 Now I want to come back and refine this 46 00:01:44.641 --> 00:01:47.920 or help me figure out kind of what to pitch for 47 00:01:48.203 --> 00:01:49.460 or who to go after as my customers. 48 00:01:49.780 --> 00:01:51.860 So I was playing around with Jordan earlier today. 49 00:01:51.900 --> 00:01:57.419 we were on a live stream and we found this really cool idea, which was an AI sparring partner for 50 00:01:57.840 --> 00:01:58.703 B2B sales teams. 51 00:01:59.264 --> 00:02:04.960 The idea was how do we build a tool that kind of essentially helps reps practice 52 00:02:05.421 --> 00:02:11.100 on prospects on real time and get them to essentially go through simulations of being 53 00:02:11.201 --> 00:02:13.960 like, you know, going through a sales call and getting feedback on what they can improve on. 54 00:02:14.481 --> 00:02:15.868 We put together a quick landing page. 55 00:02:15.908 --> 00:02:18.320 We made some designs and then got some data in there and 56 00:02:18.340 --> 00:02:19.003 started tracking it. 57 00:02:19.103 --> 00:02:22.237 So for today's episode, we're going to build on top of this. 58 00:02:22.257 --> 00:02:22.679 We're going to 59 00:02:23.041 --> 00:02:24.006 refine the messaging. 60 00:02:24.127 --> 00:02:26.540 We're going to go through some sections on the website, refine the copy 61 00:02:26.640 --> 00:02:28.708 and design, show you how to use paper for that. 62 00:02:29.210 --> 00:02:31.760 And then also, yeah, get some experiments and 63 00:02:31.760 --> 00:02:32.502 A-B testing in there. 64 00:02:33.867 --> 00:02:34.409 Cool. 65 00:02:34.589 --> 00:02:37.298 So what we have so far is we have this one specific file, which is 66 00:02:38.663 --> 00:02:40.631 like an offer definition and talk tracks. 67 00:02:40.731 --> 00:02:42.840 It tells you who your target customer is, 68 00:02:43.261 --> 00:02:46.796 the transformation, the offer, the value, competitive positioning. 69 00:02:47.218 --> 00:02:47.720 What's really cool 70 00:02:47.780 --> 00:02:54.260 is you guys also have skills in here, which you can use to then build on top of the idea. 71 00:02:55.841 --> 00:03:02.940 So I actually want to use the lead magnet legend here, this specific skill to build the specific 72 00:03:03.121 --> 00:03:08.620 lead landing page site to kind of get someone to come sign up and go through this process. 73 00:03:09.060 --> 00:03:12.036 So we're going to open up terminal and we already have all the MCPs connected. 74 00:03:12.056 --> 00:03:12.840 So if I go to MCP, 75 00:03:12.880 --> 00:03:15.675 you can see I have idea browser, I have paper, all that. 76 00:03:15.715 --> 00:03:16.459 We're going to go through it. 77 00:03:16.519 --> 00:03:16.660 So 78 00:03:17.181 --> 00:03:27.320 I'm going to say connect to idea idea browser mcp look at my ai b2b sparring partner project 79 00:03:28.122 --> 00:03:35.800 pull the right context then use the lead magnet skill to create a by the way I just got to say 80 00:03:35.860 --> 00:03:41.780 this because people are going to hate on you for the comments in the comments you type your your 81 00:03:41.900 --> 00:03:47.980 prompts you don't use voice listen i love whisper flow but tell me how i'm gonna do this while i'm 82 00:03:47.980 --> 00:03:52.240 doing the pod okay all right just just you gotta bear with me here okay so when you're at home are 83 00:03:52.300 --> 00:03:56.459 you using whisper flow are you still typing i am so i'm using i usually use whisper flow when i'm 84 00:03:56.760 --> 00:04:01.600 initially starting a project or some some session and it's like a long it depends on honestly in 85 00:04:01.660 --> 00:04:05.680 the context of how much information i'm going to put in the terminal but yeah no i got whisper 86 00:04:05.760 --> 00:04:12.480 flow you know okay i'm i'm uh i'm up to date with tools so what we're doing right now is we've pulled 87 00:04:12.500 --> 00:04:18.180 to the right project context and so like we have context right here that's built as a file and then 88 00:04:18.481 --> 00:04:23.620 um or then we also have a growth strategy that we worked on earlier and then from there we're going 89 00:04:23.700 --> 00:04:29.840 to uh build out a lead magnet specifically for this idea so we have this ai b2b spying partner 90 00:04:30.603 --> 00:04:34.300 um what's really cool is you got to have you guys have this like activity streak to keep building on 91 00:04:34.685 --> 00:04:35.460 kind of your business. 92 00:04:36.340 --> 00:04:37.560 And that's the biggest problem these days. 93 00:04:37.782 --> 00:04:38.780 Everyone can build landing pages. 94 00:04:39.201 --> 00:04:39.898 Everyone has ideas. 95 00:04:41.001 --> 00:04:44.020 How do you actually know where to get customers? 96 00:04:44.220 --> 00:04:44.978 How do you actually grow it? 97 00:04:45.141 --> 00:04:47.740 And that's the next kind of gap 98 00:04:47.881 --> 00:04:49.180 that we're all trying to solve for right now. 99 00:04:49.340 --> 00:04:52.220 Well, yeah, I think we've all tried the vibe coding tools. 100 00:04:52.340 --> 00:04:53.258 We've all built stuff. 101 00:04:54.943 --> 00:04:57.100 I do think that having the right idea is important. 102 00:04:58.582 --> 00:04:59.940 Finding the right niche is important. 103 00:05:01.747 --> 00:05:03.140 But the other thing is just like, 104 00:05:03.240 --> 00:05:08.580 how do you get customers to honestly just give you confidence to keep going. 105 00:05:08.880 --> 00:05:09.283 Exactly. 106 00:05:09.343 --> 00:05:09.564 Yeah. 107 00:05:09.947 --> 00:05:10.188 Yeah. 108 00:05:10.450 --> 00:05:10.711 Yeah. 109 00:05:10.771 --> 00:05:12.240 And, and we're, 110 00:05:12.280 --> 00:05:14.240 we're going to eventually get there and I think you guys do a really good job 111 00:05:14.280 --> 00:05:14.763 of this. 112 00:05:14.985 --> 00:05:17.200 I'm not like promoting, like I'm promoting idea browser. 113 00:05:17.320 --> 00:05:18.540 Don't get me wrong, but I wasn't, you know, 114 00:05:19.143 --> 00:05:22.520 I'm actually using this tool myself now because that was kind of the biggest 115 00:05:22.580 --> 00:05:23.386 gap I had myself. 116 00:05:23.406 --> 00:05:25.539 Like with humble critics was like, okay, cool. 117 00:05:25.660 --> 00:05:29.900 I have all these great ideas and I've been understanding who our customer is 118 00:05:29.960 --> 00:05:31.760 and trying to get customers through trial and error. 119 00:05:32.266 --> 00:05:33.096 and I was telling Jordan earlier, 120 00:05:33.520 --> 00:05:36.120 I was like, I wish I had idea battles sooner, right? 121 00:05:36.180 --> 00:05:38.700 So that I can come back and use these specific skills 122 00:05:39.283 --> 00:05:42.100 to understand, okay, cool. 123 00:05:42.180 --> 00:05:43.179 What is the right growth strategy? 124 00:05:43.381 --> 00:05:45.300 Because a lot of what you guys have has been fully refined. 125 00:05:45.340 --> 00:05:46.360 And we were going through this earlier today 126 00:05:46.380 --> 00:05:47.940 and it was interviewing me and asking me questions. 127 00:05:47.940 --> 00:05:49.020 And I was like, this is so impressive. 128 00:05:49.862 --> 00:05:51.960 I wish I had Humblelytics for this specifically 129 00:05:52.163 --> 00:05:53.560 so that I can come back and say, okay, cool. 130 00:05:53.660 --> 00:05:56.140 Like Humblelytics used to go after director of marketing 131 00:05:56.422 --> 00:05:58.760 in this specific field with this kind of messaging. 132 00:05:59.541 --> 00:06:01.220 And yeah, so kudos to you guys 133 00:06:01.240 --> 00:06:02.739 for building a really cool product with this. 134 00:06:02.880 --> 00:06:04.160 And I think a lot of people now 135 00:06:04.221 --> 00:06:05.659 can actually use this to build the idea 136 00:06:06.185 --> 00:06:07.780 and then also help build the business as well. 137 00:06:09.440 --> 00:06:11.380 So going back to Cloud Code, 138 00:06:11.520 --> 00:06:12.560 we were connected to MCP. 139 00:06:12.740 --> 00:06:14.160 We have built out the lead magnet, 140 00:06:14.461 --> 00:06:16.600 which is basically five objections 141 00:06:16.803 --> 00:06:18.160 that kill Fright software deals. 142 00:06:18.682 --> 00:06:19.860 So we actually niched down. 143 00:06:20.320 --> 00:06:22.520 We built this AI B2B sparring partner 144 00:06:22.803 --> 00:06:24.380 in the Fright software industry. 145 00:06:25.164 --> 00:06:26.000 And it's going to say, 146 00:06:26.100 --> 00:06:27.459 you're going to want to create a PDF guide. 147 00:06:29.140 --> 00:06:30.280 Yeah, this is great. 148 00:06:30.441 --> 00:06:30.739 Okay, cool. 149 00:06:30.840 --> 00:06:37.180 So we have the idea of the lead magnet and it should now actually save the file in here. 150 00:06:37.505 --> 00:06:38.019 Let's go back. 151 00:06:38.200 --> 00:06:38.309 Boom. 152 00:06:39.245 --> 00:06:40.160 Now we have the file. 153 00:06:41.146 --> 00:06:41.860 So it's really cool. 154 00:06:41.960 --> 00:06:45.000 Like you have context of the ideas that came with and it's added here. 155 00:06:47.082 --> 00:06:48.790 Now we're going to come back and use the scale. 156 00:06:51.907 --> 00:06:52.620 I got to come back here. 157 00:06:52.900 --> 00:06:54.920 We have the, where is this? 158 00:06:55.122 --> 00:06:55.980 The landing page architect. 159 00:06:56.141 --> 00:07:00.460 So using, and basically what we're going to do now is for the people that don't know, 160 00:07:00.961 --> 00:07:05.680 Paper is a really cool tool where essentially it's connected. 161 00:07:06.840 --> 00:07:08.080 So I'm going to take a step back. 162 00:07:08.740 --> 00:07:15.320 Typically with Figma, you had designers creating static assets in Figma, landing page designs, and then heading off to engineering teams, right? 163 00:07:16.581 --> 00:07:27.680 The missing gap was now we have a lot of people that are building landing pages and websites with cloud code directly in code and refining it through there and then losing track of what they're iterating on and not having the ability to be able to kind of refine this. 164 00:07:28.344 --> 00:07:31.080 So with paper, what you're able to do is actually 165 00:07:32.529 --> 00:07:34.360 have an interface connected to cloud code 166 00:07:34.602 --> 00:07:36.960 where you're ideating, creating iterations of iterations 167 00:07:37.141 --> 00:07:39.840 directly in the design, and then coming up with 168 00:07:40.263 --> 00:07:42.900 what direction you want to go with, and then having it in code. 169 00:07:43.560 --> 00:07:46.660 So it's kind of like the intermediary step that we were missing before 170 00:07:47.265 --> 00:07:48.960 where people were just directly building in code. 171 00:07:50.864 --> 00:07:53.060 And you can use paper, are there any other competitors 172 00:07:53.342 --> 00:07:56.320 that people use, or just stick to paper? 173 00:07:56.541 --> 00:08:00.940 I mean, so Figma just recently came out with their bi-directional ACP, MCP, ACP. 174 00:08:02.065 --> 00:08:02.860 I'm in your world, man. 175 00:08:03.080 --> 00:08:03.180 Totally. 176 00:08:03.400 --> 00:08:03.517 Yeah. 177 00:08:04.220 --> 00:08:11.540 MCP, where you can both design, like you can take a design and build it to code or code 178 00:08:11.560 --> 00:08:15.339 to design to go bi-directional, which this is essentially what paper already is. 179 00:08:16.221 --> 00:08:20.580 But I just feel like the tooling and the interface and the experience around paper is a lot nicer 180 00:08:20.620 --> 00:08:21.259 in my opinion. 181 00:08:21.740 --> 00:08:22.519 And it just works a lot better. 182 00:08:22.701 --> 00:08:27.100 So we're now connected to, we've captured the lead magnet. 183 00:08:28.060 --> 00:08:33.200 We have the landing page scale architect being added as well with the offer that we want to have. 184 00:08:33.600 --> 00:08:37.400 And now we want to actually build out the page using paper. 185 00:08:37.520 --> 00:08:41.840 So while that's going through it, I want to talk about kind of how you can refine your designs as well. 186 00:08:42.440 --> 00:08:50.220 So oftentimes you see people with kind of these vibe coded designs and they're not entirely sure how to actually go with like the right direction of building out a design system. 187 00:08:50.902 --> 00:08:58.500 What I typically like to do is always give Claude a reference image of an existing design that I like. 188 00:08:59.100 --> 00:09:12.860 So, for example, I'll go into an existing site or have some bookmarks of sites I like and I'll take the screenshots and I'll drop it into Claude and I'll say extrapolate the key design elements from these pages and help me create a design system. 189 00:09:13.421 --> 00:09:22.960 So what you're seeing right now, for example, is a design system that I've created using cloud based on reference images so that we can kind of reference back into for future sessions. 190 00:09:23.160 --> 00:09:32.900 So if I want to come back and create a new section or a new component in my landing page, I can say reference design style guide as like the basis as you're creating new components so that you have that consistency. 191 00:09:34.221 --> 00:09:35.140 Now I want to show an example. 192 00:09:35.280 --> 00:09:38.820 Like, again, a lot of people have this misconception that vibe coded design is bad. 193 00:09:39.201 --> 00:09:39.502 bad. 194 00:09:39.642 --> 00:09:43.271 This has all been fully vibe coded. 195 00:09:43.331 --> 00:09:46.640 We built all these animations, all these components using 196 00:09:46.720 --> 00:09:48.167 cloud and doesn't seem that way. 197 00:09:48.187 --> 00:09:49.835 It seems very polished, very well refined. 198 00:09:50.377 --> 00:09:50.920 And the way to do 199 00:09:50.980 --> 00:09:56.640 that is you refine it through paper and then give example components and illustrations from other 200 00:09:56.660 --> 00:09:59.007 websites or libraries to build on top of. 201 00:09:59.307 --> 00:10:03.379 So for example, I use this tool quite a lot. 202 00:10:03.399 --> 00:10:03.760 It's called 203 00:10:04.204 --> 00:10:05.400 TailArc, TailArc Pro. 204 00:10:06.382 --> 00:10:09.120 And they have a lot of great existing blocks 205 00:10:10.167 --> 00:10:11.900 and illustrations that you can use. 206 00:10:12.041 --> 00:10:13.099 And you can actually install these 207 00:10:13.201 --> 00:10:14.200 and use it as a reference. 208 00:10:14.741 --> 00:10:15.660 So I'll go back into paper 209 00:10:15.741 --> 00:10:17.100 and I'll show you kind of how, 210 00:10:17.482 --> 00:10:17.999 oh, nice. 211 00:10:19.285 --> 00:10:20.280 Right now we're seeing Cloud Code 212 00:10:20.502 --> 00:10:22.720 design and build directly in paper 213 00:10:23.326 --> 00:10:24.679 on what this lead magnet looks like, 214 00:10:25.240 --> 00:10:25.660 which is pretty cool. 215 00:10:25.660 --> 00:10:26.378 That's really cool. 216 00:10:26.865 --> 00:10:27.420 Really, really cool. 217 00:10:28.004 --> 00:10:30.720 I love the little kind of section by section 218 00:10:31.026 --> 00:10:31.619 it's building out. 219 00:10:34.103 --> 00:10:35.320 So I think this is perfect, actually. 220 00:10:35.380 --> 00:10:36.259 This is a great segue to that. 221 00:10:36.340 --> 00:10:38.060 So we're going to let it build out the landing page. 222 00:10:38.380 --> 00:10:40.920 Then I'm going to show you how you can actually use Tail Arc 223 00:10:41.623 --> 00:10:45.140 as a reference point to then improve the design of this. 224 00:10:45.743 --> 00:10:47.719 So it goes from something like this 225 00:10:48.102 --> 00:10:51.000 to something a little bit more tailored like this, for example. 226 00:10:52.061 --> 00:10:54.080 By the way, there's an ant on the table just there. 227 00:10:54.261 --> 00:10:59.099 Do we let the ant watch your demonstration? 228 00:10:59.681 --> 00:11:02.291 or do we sort of move him aside? 229 00:11:04.560 --> 00:11:05.000 What do you think? 230 00:11:05.200 --> 00:11:06.514 I think we'll just put him on, 231 00:11:07.262 --> 00:11:08.000 I mean, where do we put him? 232 00:11:09.483 --> 00:11:11.320 I mean, I have nothing against the ant. 233 00:11:12.507 --> 00:11:12.900 He's chilling. 234 00:11:13.041 --> 00:11:13.500 He's chilling. 235 00:11:13.720 --> 00:11:14.400 He's getting the direct sauce. 236 00:11:14.540 --> 00:11:16.680 Yeah, we can give the ant some sauce, you know? 237 00:11:17.085 --> 00:11:17.880 He's a napkin in case. 238 00:11:17.880 --> 00:11:17.993 Yeah. 239 00:11:23.648 --> 00:11:23.939 Okay, cool. 240 00:11:24.020 --> 00:11:25.140 So we're building out the section, 241 00:11:25.360 --> 00:11:26.000 which is pretty cool. 242 00:11:26.100 --> 00:11:27.000 Now, like a lot of people say, 243 00:11:27.081 --> 00:11:27.360 okay, cool. 244 00:11:27.460 --> 00:11:29.360 Like, why don't I just build this directly 245 00:11:29.480 --> 00:11:35.380 in code why do i have to actually use paper the idea is that you can use paper to help build out 246 00:11:36.364 --> 00:11:40.100 different variations so if i want to try different layouts i can just do it directly in here 247 00:11:40.783 --> 00:11:44.280 make some refinements myself especially for designers i think this is super powerful for 248 00:11:44.340 --> 00:11:47.960 designers that want to just jump in and start changing things themselves without having to 249 00:11:48.000 --> 00:11:52.000 kind of use cloud code again or existing components they have so we'll let this finish 250 00:11:52.583 --> 00:11:56.060 then i want to show you some examples of what i've also created in paper to show you what's 251 00:11:56.201 --> 00:11:58.500 what's possible if you keep refining it and go through it. 252 00:11:59.952 --> 00:12:00.120 Perfect. 253 00:12:00.280 --> 00:12:01.040 So we're all done here. 254 00:12:01.700 --> 00:12:04.260 Now, what does this look like in actual real practice 255 00:12:04.524 --> 00:12:05.660 if you spend time refining this? 256 00:12:05.720 --> 00:12:07.660 So this is all designed in paper. 257 00:12:09.142 --> 00:12:11.660 I've given the design style guide I have in Humblelytics. 258 00:12:12.102 --> 00:12:13.419 I've said, here's the components you have 259 00:12:13.904 --> 00:12:15.460 and use these components to refine it. 260 00:12:15.500 --> 00:12:17.300 So I actually build out some of these sections in here 261 00:12:17.402 --> 00:12:18.499 and then port it over to code. 262 00:12:19.302 --> 00:12:21.900 Or I even use it to create static assets 263 00:12:22.262 --> 00:12:25.400 that I want to use in ads, in thumbnails, 264 00:12:25.821 --> 00:12:31.420 whatever it is this is all purely you like built using cloud now how do you go back to actually 265 00:12:31.741 --> 00:12:40.020 refine the design here um so what i do typically is i'll go into tail arc and find a section that 266 00:12:40.020 --> 00:12:48.180 i like so we have this like content area section i'll go into um let's go into content 267 00:12:50.085 --> 00:12:55.340 right here okay cool i like i like this i like this right here or maybe yeah we'll use this one 268 00:12:55.634 --> 00:12:55.740 Cool. 269 00:12:56.581 --> 00:13:01.240 So I'll go back in the terminal and I'll say install this tail arc components 270 00:13:01.963 --> 00:13:05.560 and use it for the content section in the lead magnet. 271 00:13:06.662 --> 00:13:08.720 First design it in paper. 272 00:13:09.882 --> 00:13:12.940 And then we just need to pull the API key for tail arc. 273 00:13:14.371 --> 00:13:14.580 Cool. 274 00:13:14.980 --> 00:13:16.078 I've actually never heard of tail arc. 275 00:13:16.380 --> 00:13:16.534 Really? 276 00:13:16.820 --> 00:13:17.040 Yeah. 277 00:13:17.580 --> 00:13:17.734 Yeah. 278 00:13:17.820 --> 00:13:19.060 It's just another UI library. 279 00:13:19.340 --> 00:13:19.500 I mean, 280 00:13:20.206 --> 00:13:21.460 I'm not sure who's behind it. 281 00:13:21.861 --> 00:13:23.539 I think it's like an indie founder or something like that. 282 00:13:23.620 --> 00:13:24.040 It looks clean. 283 00:13:24.291 --> 00:13:24.480 Yeah. 284 00:13:24.682 --> 00:13:25.320 Super clean. 285 00:13:25.822 --> 00:13:30.020 it's the way to go you know kudos or shout out to whoever built this i think it's an indie person 286 00:13:30.361 --> 00:13:36.320 whoever it is you've done a great job keep keep doing it um yeah i'm a fan i'm a big fan 287 00:13:38.065 --> 00:13:42.680 they got taste that's for sure so what we're doing right now we're just installing tail arc 288 00:13:42.760 --> 00:13:48.860 so that we can like install the right components here and um yeah what's special about this is that 289 00:13:49.021 --> 00:13:52.360 you can take those components that i showed you earlier so if we're gonna for example we're gonna 290 00:13:52.440 --> 00:13:58.140 do the content one this one specifically and i can just drop it in as well a screenshot to say 291 00:13:58.200 --> 00:14:05.900 like install this use this component and then i'll go back into paper and say like use it for 292 00:14:05.940 --> 00:14:11.800 this section here what's also interesting uh is you know showing tail arc showing idea browser 293 00:14:12.382 --> 00:14:17.180 the mcp it's sort of a glimpse into like the future of software right like you're not in the 294 00:14:17.261 --> 00:14:19.260 past we would go and just use 295 00:14:19.300 --> 00:14:19.947 Sass, right? 296 00:14:20.473 --> 00:14:21.160 Now it's like the 297 00:14:21.220 --> 00:14:22.900 work is getting done in the terminal. 298 00:14:24.568 --> 00:14:24.899 Nailed it. 299 00:14:25.623 --> 00:14:27.140 Again, it's becoming the interface for work 300 00:14:27.241 --> 00:14:28.371 for everything. 301 00:14:28.431 --> 00:14:29.340 If you remember our first episode 302 00:14:29.360 --> 00:14:30.220 of Cursor. 303 00:14:31.026 --> 00:14:31.473 You were right. 304 00:14:32.742 --> 00:14:35.100 So you said, I think your exact 305 00:14:35.140 --> 00:14:36.211 words were something like... 306 00:14:37.321 --> 00:14:38.688 I think the mistake I made was 307 00:14:40.881 --> 00:14:41.940 I said Cursor. 308 00:14:42.741 --> 00:14:45.060 Cursor is the interface of work or it's the future of the 309 00:14:45.060 --> 00:14:45.769 interface of work. 310 00:14:45.850 --> 00:14:46.680 I would say now terminal. 311 00:14:46.861 --> 00:14:51.660 the terminals interface at work we were you know we were very you know we were early we were early 312 00:14:51.680 --> 00:14:56.320 we were early like we're like your markdowns are going to become a thing you're going to do all 313 00:14:56.380 --> 00:15:00.800 your work in cursor all of it in terminal people thought we were crazy yeah they really yeah like 314 00:15:01.924 --> 00:15:05.760 here we are today man and we're showing you this and someone probably listening this is probably 315 00:15:05.760 --> 00:15:12.480 like you guys are crazy 100 yeah you know uh another thing for example was like you're now 316 00:15:12.600 --> 00:15:17.660 seeing people building out markdown pages on the websites to make it easier for agents to access 317 00:15:17.921 --> 00:15:22.740 right you look at what's happening now people are giving agents wallets what's going on here 318 00:15:22.981 --> 00:15:29.240 they're giving out wallets they're giving them um emails inboxes stuff like that so it's insane to 319 00:15:29.300 --> 00:15:37.200 see um yeah it's yeah it's insane to see kind of the evolution of that and we're seeing actually 320 00:15:37.611 --> 00:15:37.940 tangent, 321 00:15:41.896 --> 00:15:42.460 I have a thesis. 322 00:15:42.960 --> 00:15:43.998 The thesis is that 323 00:15:45.047 --> 00:15:46.660 more agents are going to actually visit 324 00:15:47.168 --> 00:15:47.960 websites than humans. 325 00:15:48.580 --> 00:15:50.374 I mean, I'm 100% certain 326 00:15:51.100 --> 00:15:51.859 of that. 327 00:15:51.880 --> 00:15:52.280 It's not even, 328 00:15:54.793 --> 00:15:55.820 I saw that Gartner 329 00:15:56.023 --> 00:15:57.140 had a research report that said 330 00:15:57.281 --> 00:15:58.108 20% of commerce 331 00:16:00.834 --> 00:16:01.300 on the internet 332 00:16:01.583 --> 00:16:03.159 by 2030 will be agents, 333 00:16:03.663 --> 00:16:05.219 meaning agents are buying things. 334 00:16:07.321 --> 00:16:07.844 the tail 335 00:16:10.120 --> 00:16:11.516 or what's the 336 00:16:12.510 --> 00:16:13.060 how do I say this 337 00:16:13.160 --> 00:16:16.300 basically where it's going is agents doing more and more things 338 00:16:16.461 --> 00:16:18.160 so obviously yeah there's going to be 339 00:16:18.241 --> 00:16:19.400 way more agents than humans 340 00:16:19.481 --> 00:16:20.599 therefore there's going to be way more 341 00:16:21.285 --> 00:16:22.979 consumption of agents of products 342 00:16:23.584 --> 00:16:25.560 and it's like the multiplier effect too 343 00:16:25.661 --> 00:16:27.860 because you have people running multiple open clause 344 00:16:27.900 --> 00:16:28.840 or multiple agents 345 00:16:29.468 --> 00:16:30.460 on behalf of one person 346 00:16:30.500 --> 00:16:33.060 and who was it there was a report saying 347 00:16:33.323 --> 00:16:34.580 I don't know if they were serious 348 00:16:34.580 --> 00:16:35.779 but they were saying yeah we should put a tax 349 00:16:35.900 --> 00:16:43.580 on a we should put a tax on agents right because it's like yeah it's making us more productive 350 00:16:44.563 --> 00:16:49.480 there's a whole thing think about human beings right like if you have it if you if you're running 351 00:16:49.560 --> 00:16:54.395 a company and you want to hire someone you have to pay payroll tax on that person right so of course 352 00:16:56.341 --> 00:17:01.120 then you know governments are going to be like well it's kind of like you're hiring a person 353 00:17:01.601 --> 00:17:07.400 therefore there should be some taxes that you know agents have to pay there's an arbitrage 354 00:17:07.702 --> 00:17:11.140 opportunity right there right like you're you as a single human now have an army of agents 355 00:17:11.401 --> 00:17:15.760 working for you on your behalf they're a multiplier effect of what your income is or whatever it is 356 00:17:15.800 --> 00:17:21.340 you're doing more productive yeah where's like you know you're making more money yeah i wouldn't 357 00:17:21.400 --> 00:17:25.740 be surprised at some point we have some agent tax it's like on your taxes like list out the agents 358 00:17:25.780 --> 00:17:26.061 you have. 359 00:17:26.863 --> 00:17:31.036 But anyways, back to kind of talking about the future of web. 360 00:17:31.117 --> 00:17:32.180 Yeah, like we're also 361 00:17:32.300 --> 00:17:38.758 seeing right now more websites being built to be agent friendly, right? 362 00:17:38.798 --> 00:17:39.440 Firecrawl came, 363 00:17:40.944 --> 00:17:46.300 Cloudflare came out with their endpoint to be able to crawl websites, to give access to agents, 364 00:17:46.360 --> 00:17:47.464 to be able to get the data they need. 365 00:17:48.046 --> 00:17:51.860 And, you know, we actually had our website built in Webflow, 366 00:17:52.104 --> 00:17:53.140 then we migrated to Framer 367 00:17:53.423 --> 00:17:55.000 and now we fully built in custom code. 368 00:17:55.320 --> 00:17:55.408 Why? 369 00:17:55.700 --> 00:17:58.400 Because we wanted to be able to use the agent as our CMS. 370 00:17:59.281 --> 00:18:01.360 So use cloud code to directly update our CMS 371 00:18:02.064 --> 00:18:05.140 and the ability to give access to other tools 372 00:18:05.823 --> 00:18:09.160 to like quickly ship changes, run tests, 373 00:18:09.640 --> 00:18:10.998 give access to our agents and MCPs, 374 00:18:11.723 --> 00:18:13.600 which is you can now kind of do with Webflow and Framer, 375 00:18:13.740 --> 00:18:15.639 but it's not as open as you want it to be essentially. 376 00:18:16.901 --> 00:18:19.920 So yeah, that's kind of the thought process behind it. 377 00:18:20.302 --> 00:18:20.698 Let's go back. 378 00:18:21.104 --> 00:18:21.560 Okay, nice. 379 00:18:21.741 --> 00:18:27.540 so yeah we're getting a much nicer refined design here um and then if we wanted to we can go back 380 00:18:27.600 --> 00:18:35.200 and like maybe find more components to drop so um let's look at like maybe so one of the things i 381 00:18:35.220 --> 00:18:39.120 really liked about your website the humble edX website is like the animations were really good 382 00:18:40.183 --> 00:18:46.500 how do you think about like if we wanted to like update the designs here to be a little more 383 00:18:46.641 --> 00:18:51.380 animated how would we do that yeah so i so right now we're doing right now so i basically went 384 00:18:51.420 --> 00:18:57.520 into here um so this one has a very subtle animation i copied this component and i dropped 385 00:18:57.600 --> 00:19:02.840 it back into terminal in cloud code i said hey add the section and then add a subtle animation 386 00:19:03.843 --> 00:19:08.880 and the goal like i always say like you don't want to over animate things it's interesting to see how 387 00:19:09.341 --> 00:19:14.680 like agents respond to constraints and guardrails especially around like hey make subtle changes 388 00:19:15.603 --> 00:19:20.120 subtle animation subtle design refinements i'm actually very intentional with that word when i 389 00:19:20.220 --> 00:19:24.900 use with agents because like if you say improve the design is so broad and generic whereas you 390 00:19:24.900 --> 00:19:29.920 say hey work on refining the design make sure you have consistent layouts and themes and keep it 391 00:19:30.000 --> 00:19:35.580 subtle enough to make sure there's like cohesiveness across the entire page i find that prompt works a 392 00:19:35.620 --> 00:19:40.540 lot better than just saying improve the design keep it subtle stupid yeah keep it subtle exactly 393 00:19:40.740 --> 00:19:49.060 exactly there you go um so you know while that's happening i'll say when you're done make the 394 00:19:49.100 --> 00:19:59.120 changes in the code and push it and tell me the URL route and add a section on the homepage to the 395 00:19:59.982 --> 00:20:00.322 magnet. 396 00:20:00.723 --> 00:20:00.944 Cool. 397 00:20:01.525 --> 00:20:07.880 We already have the site right now and we're going to now add that lead magnet 398 00:20:08.001 --> 00:20:08.383 section. 399 00:20:08.423 --> 00:20:11.360 So we were actually earlier today with Jordan and I in the live stream, we were building 400 00:20:11.400 --> 00:20:15.117 out the home section, the hero section, and we started working on the steps below it. 401 00:20:15.519 --> 00:20:15.800 But now 402 00:20:15.860 --> 00:20:20.340 what we're going to do is build a lead magnet page using what we just covered in paper and the 403 00:20:20.380 --> 00:20:20.862 designs. 404 00:20:21.906 --> 00:20:25.920 Um, and then, yeah, we're going to push it live to the website and then run some, get some 405 00:20:25.980 --> 00:20:28.652 analytics in there and run some experiments to see what drives more conversions. 406 00:20:29.455 --> 00:20:29.656 Cool. 407 00:20:30.319 --> 00:20:30.420 Yeah. 408 00:20:30.440 --> 00:20:30.500 And 409 00:20:30.520 --> 00:20:32.860 then like for the audience, like keep in mind, like we're doing this really, really quickly. 410 00:20:32.940 --> 00:20:37.140 We're speed running through this, you know, um, obviously like if you look at this design, 411 00:20:37.180 --> 00:20:38.829 it's a lot more refined than what it will be. 412 00:20:39.111 --> 00:20:40.780 Typically I would spend a couple of hours going 413 00:20:40.840 --> 00:20:46.060 through this going through specifically like different illustrations or blocks or sections 414 00:20:46.702 --> 00:20:51.900 i just want to cover like the key principles of how i approach it and then you can come back and 415 00:20:51.940 --> 00:20:56.700 like use these different components to refine each individual section any questions thoughts 416 00:20:57.462 --> 00:21:03.540 yeah i think uh i was just just thinking about this like we we all have these this you know 417 00:21:03.641 --> 00:21:07.100 expectations that you're gonna like one prompt something two prompt something three prompt 418 00:21:07.483 --> 00:21:09.879 So I'm happy you said that it's probably going to take a couple hours 419 00:21:10.645 --> 00:21:12.420 if you really do want to get it dialed. 420 00:21:13.664 --> 00:21:15.980 So I don't want people to go through this whole process 421 00:21:16.241 --> 00:21:20.060 and be like, well, when Amir did it, it looked so much better. 422 00:21:20.921 --> 00:21:23.480 Well, Amir, first of all, you had the library, 423 00:21:23.640 --> 00:21:24.279 so that was helping. 424 00:21:24.440 --> 00:21:26.373 But also, it takes time, right? 425 00:21:27.962 --> 00:21:28.680 It takes a lot of time. 426 00:21:29.921 --> 00:21:32.739 I mean, it does take a lot of time if you think about it. 427 00:21:33.325 --> 00:21:33.891 It just takes... 428 00:21:34.820 --> 00:21:34.980 Yeah. 429 00:21:35.780 --> 00:21:37.893 About, you know, if Amir from 2017 saw this, 430 00:21:39.801 --> 00:21:41.549 and heard that you said it took a lot of time, 431 00:21:44.741 --> 00:21:45.852 you'd be like, what is Amir on? 432 00:21:47.284 --> 00:21:47.880 No, yeah, no. 433 00:21:48.121 --> 00:21:48.840 But it takes time. 434 00:21:49.102 --> 00:21:50.300 It takes some amount of time. 435 00:21:50.801 --> 00:21:52.620 It takes time, taste, and skill 436 00:21:53.324 --> 00:21:55.920 to know what you got to do and how to do it, right? 437 00:21:56.101 --> 00:21:58.420 It's like we've made it so easy to achieve the tasks. 438 00:21:58.681 --> 00:22:00.340 How do you give the agents the right direction 439 00:22:00.421 --> 00:22:02.160 and approach to say, here's how you need to do it? 440 00:22:03.143 --> 00:22:03.518 The taste. 441 00:22:03.840 --> 00:22:04.580 Taste is what we know. 442 00:22:04.700 --> 00:22:09.820 we've been talking about a lot yeah and and direction right like this particular component 443 00:22:10.522 --> 00:22:17.000 needs subtle animation here's a reference of that exactly exactly like i built this component from 444 00:22:17.181 --> 00:22:22.860 scratch not from scratch off an existing component that was i think let's actually find it 445 00:22:24.224 --> 00:22:29.560 so you found a component here exactly so i found a component here we're gonna find it because i know 446 00:22:30.465 --> 00:22:31.875 I'll tell you where it is. 447 00:22:33.081 --> 00:22:34.360 So this is, for example, right here. 448 00:22:35.023 --> 00:22:35.760 So we had this component 449 00:22:36.987 --> 00:22:39.160 and this is it right here. 450 00:22:40.168 --> 00:22:40.940 I ported this one over 451 00:22:41.021 --> 00:22:42.300 but I said add a solid animation 452 00:22:42.442 --> 00:22:43.500 to switch through it, for example. 453 00:22:44.082 --> 00:22:45.980 Or this analytics query right here. 454 00:22:46.420 --> 00:22:47.076 So this one is 455 00:22:49.057 --> 00:22:49.360 this one. 456 00:22:51.364 --> 00:22:52.780 Now that specific component 457 00:22:53.064 --> 00:22:54.137 I think it was 458 00:22:55.453 --> 00:22:55.979 it was one of these 459 00:22:56.507 --> 00:22:57.014 cards essentially. 460 00:22:58.120 --> 00:22:59.200 And yeah, I took it and I said, hey, 461 00:22:59.686 --> 00:23:00.840 based on this component. 462 00:23:01.041 --> 00:23:01.699 Oh, right here, this one. 463 00:23:02.321 --> 00:23:04.154 It was this one and I turned it into this. 464 00:23:07.021 --> 00:23:07.780 Which is, you know? 465 00:23:08.143 --> 00:23:08.860 I think it looks great. 466 00:23:09.142 --> 00:23:09.320 Yeah. 467 00:23:09.462 --> 00:23:09.596 Yeah. 468 00:23:10.365 --> 00:23:11.120 So cool. 469 00:23:11.601 --> 00:23:15.300 So we've built out the design of the guide page in here. 470 00:23:16.943 --> 00:23:18.800 And now we're going to see if it's live on the website. 471 00:23:18.960 --> 00:23:21.280 So let's push this and then we're going to go to guide. 472 00:23:22.551 --> 00:23:22.740 Boom. 473 00:23:23.363 --> 00:23:23.999 So now we have it. 474 00:23:24.060 --> 00:23:24.980 We have the sections here. 475 00:23:26.085 --> 00:23:26.399 Okay. 476 00:23:27.183 --> 00:23:29.060 So now let's get some analytics in here. 477 00:23:29.783 --> 00:23:33.020 to see how many people actually could sign up for this lead magnet. 478 00:23:33.160 --> 00:23:36.520 So I just want to say one thing, this lead magnet looks gorgeous. 479 00:23:37.100 --> 00:23:40.772 Like think about this lead magnet looks better than 99.99999% of lead magnets that exist, right? 480 00:23:43.460 --> 00:23:54.500 So people listening to this, like this is, think about, you know, don't just create one lead magnet, right? 481 00:23:54.621 --> 00:23:57.940 Like every few weeks, create new lead magnets, optimize your lead magnets, 482 00:23:58.303 --> 00:24:00.040 and you're going to be able to outperform 483 00:24:00.264 --> 00:24:01.259 because you're going to know how to do 484 00:24:01.925 --> 00:24:03.760 and create gorgeous looking lead magnets. 485 00:24:03.900 --> 00:24:04.117 Exactly. 486 00:24:04.561 --> 00:24:06.240 And we did this in like 30 minutes. 487 00:24:06.702 --> 00:24:08.340 Again, like you get the right components, 488 00:24:08.661 --> 00:24:09.360 the right direction. 489 00:24:09.841 --> 00:24:11.280 You can do some research on the best ones, 490 00:24:11.800 --> 00:24:12.980 port them over as reference styles 491 00:24:13.163 --> 00:24:14.020 and then make that refinement. 492 00:24:14.200 --> 00:24:15.920 So right now, while you're going through it, 493 00:24:16.021 --> 00:24:17.300 I found this kind of decent component. 494 00:24:17.861 --> 00:24:19.440 I was like, why don't we just try this design instead 495 00:24:19.707 --> 00:24:20.180 and add it. 496 00:24:20.220 --> 00:24:21.100 So let's see what happens. 497 00:24:22.201 --> 00:24:22.740 Okay, cool. 498 00:24:22.781 --> 00:24:23.517 It's going to adopt it 499 00:24:23.640 --> 00:24:24.837 and it's going to have that split layout. 500 00:24:25.740 --> 00:24:27.199 All right, so we've got this lead magnet. 501 00:24:27.321 --> 00:24:28.840 And we'll wait while it's refining the design. 502 00:24:28.960 --> 00:24:32.300 We're going to come back and essentially get some analytics installed 503 00:24:32.803 --> 00:24:35.440 and look at some click tracking, form submissions, 504 00:24:36.102 --> 00:24:39.000 and run some experiments to see if I were to change this headline, for example, 505 00:24:41.594 --> 00:24:42.360 what would this look like? 506 00:24:42.380 --> 00:24:44.860 And what would increase more form submissions for our leads? 507 00:24:45.501 --> 00:24:48.320 And we use this approach at HumbleLytics. 508 00:24:48.400 --> 00:24:51.420 We just started, actually, where we built an autonomous CRO agent 509 00:24:52.203 --> 00:24:55.920 where we have direct skills and MCPs connected to a cloud. 510 00:24:56.543 --> 00:25:00.520 so we directly connect to our analytics and experimentation tool 511 00:25:01.063 --> 00:25:04.040 our marketing site which is why we ported over to custom code 512 00:25:04.040 --> 00:25:07.140 we wouldn't have been able to do this through Webflow and then we have Google Ads 513 00:25:07.662 --> 00:25:12.360 the idea is how can we spin up multiple subpages that are personalized campaigns 514 00:25:12.581 --> 00:25:15.460 like personalized campaign landing pages based on the campaigns we have 515 00:25:15.580 --> 00:25:20.320 so like if I'm running a pain point campaign 516 00:25:20.400 --> 00:25:24.340 on Google Ads and have five ad sets I want each one to have its own 517 00:25:24.441 --> 00:25:26.339 personalized landing page and I want to 518 00:25:26.481 --> 00:25:28.400 A-B test each individual landing page 519 00:25:28.440 --> 00:25:30.119 to see what headline resonates the most 520 00:25:30.444 --> 00:25:31.580 or what layout, for example, 521 00:25:32.725 --> 00:25:34.420 you're able to do this with the custom code site 522 00:25:34.602 --> 00:25:35.740 really quickly with cloud code. 523 00:25:36.180 --> 00:25:38.120 With Framer or Webflow, you have to create the pages, 524 00:25:38.360 --> 00:25:40.100 create the sections, come back and update it. 525 00:25:40.520 --> 00:25:41.148 You know what I mean? 526 00:25:41.310 --> 00:25:42.120 So that's kind of the whole thesis 527 00:25:42.120 --> 00:25:43.540 we were talking about earlier where it's like the feature 528 00:25:44.265 --> 00:25:46.240 of websites is custom code and the agent is 529 00:25:46.260 --> 00:25:46.806 the CMS. 530 00:25:47.372 --> 00:25:48.180 And then you have it running 531 00:25:48.180 --> 00:25:49.140 and you can even set up like, 532 00:25:50.083 --> 00:25:52.040 so what we do is we have like a cron job now directly 533 00:25:52.100 --> 00:25:53.979 in cloud code because they support automated tasks 534 00:25:54.381 --> 00:25:59.660 to say every week go into like run this specific task. 535 00:25:59.780 --> 00:26:01.159 So what we have is Google Ads 536 00:26:01.281 --> 00:26:03.220 directly connected to cloud through the API. 537 00:26:03.804 --> 00:26:04.860 We have three cloud skills, 538 00:26:05.280 --> 00:26:08.180 a paid media manager that pulls data from Meta and Google. 539 00:26:08.822 --> 00:26:11.240 We have a CRO optimizer that runs A-B tests. 540 00:26:11.602 --> 00:26:12.500 And then we have a final report 541 00:26:12.520 --> 00:26:13.940 that just gives us a report of like, 542 00:26:14.501 --> 00:26:15.780 here's how many users you had signed up. 543 00:26:15.820 --> 00:26:17.079 It connects to Stripe, ChartMogul, 544 00:26:17.261 --> 00:26:18.360 all the different tools that we have. 545 00:26:18.842 --> 00:26:19.660 And then we have HumbleLytics 546 00:26:19.761 --> 00:26:21.820 that essentially hits our endpoint 547 00:26:22.226 --> 00:26:23.120 to give you recommendations. 548 00:26:23.180 --> 00:26:25.200 actually uses FireCloud to script the pages 549 00:26:25.421 --> 00:26:28.200 and then helps you kind of say, 550 00:26:28.320 --> 00:26:29.539 okay, here's what you need to optimize for. 551 00:26:29.981 --> 00:26:31.700 Helps you run the experiment all through Cloud 552 00:26:32.363 --> 00:26:35.720 and then it manages the results for you. 553 00:26:35.880 --> 00:26:39.240 I mean, that is just so cool 554 00:26:39.442 --> 00:26:41.040 that we live in a world where you can do that. 555 00:26:41.426 --> 00:26:41.620 I know. 556 00:26:42.082 --> 00:26:42.478 Yeah, yeah, yeah. 557 00:26:42.560 --> 00:26:44.720 And the best part is you can actually use this 558 00:26:44.740 --> 00:26:46.700 with Idea Browser to pull all that context 559 00:26:46.881 --> 00:26:49.320 and save it as a file back into Idea Browser. 560 00:26:50.420 --> 00:26:51.340 Jordan and I were talking about this 561 00:26:51.340 --> 00:26:52.360 and we're like, yo, we can do this now. 562 00:26:52.440 --> 00:26:58.140 like imagine you do a weekly report you pull all the data you add it into idea browser and now idea 563 00:26:58.200 --> 00:27:04.440 browser has context of like how growth has been over time which is which is sort of the unlock 564 00:27:04.560 --> 00:27:10.940 right yeah yeah yeah you know if you have that you're just going to get better results you're 565 00:27:10.940 --> 00:27:18.180 going to compound and that's like how you could compete and right yeah exactly um so we just added 566 00:27:18.221 --> 00:27:19.578 the component to the, 567 00:27:20.643 --> 00:27:21.840 we installed this new component, 568 00:27:21.960 --> 00:27:22.980 but I realized the mistake we made 569 00:27:23.000 --> 00:27:24.280 was we got rid of the form. 570 00:27:24.662 --> 00:27:25.639 So we're adding it back in. 571 00:27:26.100 --> 00:27:27.680 But yeah, like the, to your point, 572 00:27:28.848 --> 00:27:30.160 we actually, before this, 573 00:27:30.220 --> 00:27:31.840 we were tracking all the context 574 00:27:31.921 --> 00:27:32.980 directly in Obsidian as well. 575 00:27:33.040 --> 00:27:35.980 So we have a master like performance log. 576 00:27:36.300 --> 00:27:37.880 It says like, here's how this A-B tested. 577 00:27:38.360 --> 00:27:39.280 Here's how much money you made. 578 00:27:39.660 --> 00:27:40.600 Here's what you need to improve on. 579 00:27:40.721 --> 00:27:41.860 And we just come back to this context. 580 00:27:42.501 --> 00:27:44.180 So we have this all set up now. 581 00:27:44.503 --> 00:27:45.520 We have this landing page 582 00:27:46.126 --> 00:27:47.520 and let's go back to the homepage 583 00:27:47.782 --> 00:27:50.000 and maybe run an A-B experiment on this homepage 584 00:27:50.101 --> 00:27:52.240 to see if we can increase click-through rates. 585 00:27:53.040 --> 00:27:56.000 So what I'll do is I'll spin up Cloud again 586 00:27:56.422 --> 00:27:57.490 and then we're going to go into, 587 00:27:59.861 --> 00:28:02.160 so with Humblelytics, you can just go directly to the API, 588 00:28:03.001 --> 00:28:04.840 create an API key, get your property details 589 00:28:04.881 --> 00:28:05.980 and instructions to hit the Cloud. 590 00:28:06.981 --> 00:28:09.479 But you get the basic analytics you typically see 591 00:28:09.862 --> 00:28:13.500 where people are visiting from, traffic, the channels, 592 00:28:13.862 --> 00:28:14.479 everything you want. 593 00:28:14.760 --> 00:28:16.580 If you're looking to run paid ad campaigns, 594 00:28:16.580 --> 00:28:18.620 is you get full attribution directly in here. 595 00:28:18.940 --> 00:28:20.940 So you can see exactly what channels are making you money. 596 00:28:21.441 --> 00:28:23.480 You can have heat maps to see scroll depth, 597 00:28:23.881 --> 00:28:25.920 what people are clicking on, the fold experience. 598 00:28:26.200 --> 00:28:27.080 You can even create funnels. 599 00:28:27.200 --> 00:28:28.440 So for example, if you want to go like, 600 00:28:28.940 --> 00:28:32.179 you know, from page to guide, you can even run it. 601 00:28:32.620 --> 00:28:34.640 It'll show you what people went through the steps. 602 00:28:35.625 --> 00:28:36.620 And then you can run A-B experiments. 603 00:28:37.162 --> 00:28:38.160 So we have zero right now. 604 00:28:39.082 --> 00:28:41.800 We're going to use Cloud to actually run an experiment. 605 00:28:42.861 --> 00:28:44.479 So we're just going to copy this. 606 00:28:48.315 --> 00:28:49.420 we have a dedicated skill for this 607 00:28:49.481 --> 00:28:50.800 but I thought just to show people the steps 608 00:28:51.386 --> 00:28:52.659 so using this approach 609 00:28:54.990 --> 00:28:57.240 create an A-B experiment 610 00:28:58.130 --> 00:28:58.939 no code type 611 00:28:59.931 --> 00:29:00.640 for the headline 612 00:29:02.377 --> 00:29:02.720 so just 613 00:29:02.760 --> 00:29:03.105 the headline 614 00:29:04.464 --> 00:29:05.839 so you have a skill for this? 615 00:29:06.272 --> 00:29:06.438 we do 616 00:29:07.348 --> 00:29:08.720 I'll share the link afterwards 617 00:29:09.228 --> 00:29:09.999 that people can use 618 00:29:10.181 --> 00:29:11.800 where essentially we'll help you get set up 619 00:29:11.840 --> 00:29:12.659 with like compolitics 620 00:29:12.966 --> 00:29:13.540 run experiments 621 00:29:13.643 --> 00:29:14.279 get recommendations 622 00:29:14.864 --> 00:29:16.960 but we have endpoints right now that you can hit to say, 623 00:29:17.040 --> 00:29:17.180 okay, 624 00:29:17.281 --> 00:29:18.900 like tell your agent or cloud code, 625 00:29:19.041 --> 00:29:19.979 hit the specific endpoint, 626 00:29:20.241 --> 00:29:21.260 the recommendations endpoint, 627 00:29:21.521 --> 00:29:23.640 and it'll actually scrape your site, 628 00:29:24.181 --> 00:29:25.180 pull traffic insights, 629 00:29:25.820 --> 00:29:28.680 pull all the existing data you have in analytics and even idea browser, 630 00:29:29.082 --> 00:29:32.060 and then give you a very detailed report on here's what you should like 631 00:29:32.906 --> 00:29:34.740 focus on for your landing page or what you should test. 632 00:29:35.200 --> 00:29:35.300 Yeah. 633 00:29:37.052 --> 00:29:37.220 Nice. 634 00:29:37.421 --> 00:29:39.220 So it's pulling insights based on analytics. 635 00:29:39.482 --> 00:29:40.720 We have a 40% average scroll, 636 00:29:41.023 --> 00:29:41.940 25% bounce rate. 637 00:29:42.080 --> 00:29:43.040 Here's a page content. 638 00:29:43.743 --> 00:29:47.200 here's what your control should be and then here's what you should be what should be the variant 639 00:29:47.681 --> 00:29:54.220 okay cool we should now go back into experiments we now have an ab test running directly through 640 00:29:54.300 --> 00:29:59.320 here which is crazy it's actually insane and we did this without even deploying as change because 641 00:29:59.581 --> 00:30:03.960 our script dynamically updates the content on the site without you having to go to your developers 642 00:30:04.080 --> 00:30:08.238 and say hey like can you can you create this new page or push it for us so this is what we had if 643 00:30:08.840 --> 00:30:14.533 I refresh this, maybe a couple times, because it's distributing traffic. 644 00:30:14.573 --> 00:30:15.014 Let's see. 645 00:30:15.395 --> 00:30:15.736 There we go. 646 00:30:18.460 --> 00:30:21.855 Every lost deal started with an objection your rep wasn't ready for. 647 00:30:22.076 --> 00:30:23.120 Honestly, not bad. 648 00:30:23.200 --> 00:30:24.484 Pretty fired. 649 00:30:24.905 --> 00:30:25.628 But here's the cool thing. 650 00:30:25.648 --> 00:30:29.560 We just launched an experiment and it automatically 651 00:30:29.721 --> 00:30:31.168 updated the page without pushing code. 652 00:30:31.590 --> 00:30:33.740 And now you're tracking to see how this headline will 653 00:30:33.800 --> 00:30:39.680 actually impact conversions right so if i click this for example you know and then let's say we 654 00:30:39.740 --> 00:30:45.320 go back to control so this is right now showing okay now we're on control and we go back in here 655 00:30:46.423 --> 00:30:51.840 we can see right exactly how conversion is doing so it's still pretty early so it's going to like 656 00:30:51.920 --> 00:30:55.620 not have any good data to show but it's showing you even what people are clicking on directly 657 00:30:56.422 --> 00:31:02.520 and telling you how the test is doing insane yeah insane it's also insane that like i don't know 658 00:31:02.581 --> 00:31:03.538 anyone who's doing this. 659 00:31:04.840 --> 00:31:05.180 Yeah, I know. 660 00:31:05.683 --> 00:31:05.800 Yeah. 661 00:31:07.547 --> 00:31:09.597 I think this stack right here, 662 00:31:11.361 --> 00:31:12.299 what I showed between 663 00:31:13.512 --> 00:31:13.937 going from idea 664 00:31:14.260 --> 00:31:15.420 to refining in paper 665 00:31:15.543 --> 00:31:16.280 then analyzing, 666 00:31:16.440 --> 00:31:17.119 optimizing for this. 667 00:31:18.385 --> 00:31:19.380 If you're a go-to-market person 668 00:31:19.401 --> 00:31:19.979 or marketing person 669 00:31:20.000 --> 00:31:20.618 and use a stack, 670 00:31:20.780 --> 00:31:21.260 you're unstoppable. 671 00:31:22.643 --> 00:31:24.060 So we're doing this at scale now. 672 00:31:24.220 --> 00:31:25.100 We're running a bunch 673 00:31:25.141 --> 00:31:25.899 of paid meta ads, 674 00:31:26.380 --> 00:31:26.799 Google ads, 675 00:31:26.961 --> 00:31:27.640 directly connected, 676 00:31:27.780 --> 00:31:28.620 pulling all the context, 677 00:31:28.760 --> 00:31:29.700 creating personalized pages 678 00:31:30.366 --> 00:31:31.860 and seeing what's making money. 679 00:31:32.222 --> 00:31:34.780 There's also an opportunity to actually take this stack 680 00:31:34.881 --> 00:31:36.420 and sell this as a service. 681 00:31:38.403 --> 00:31:41.213 How many businesses would pay 5, 10, 15, 20 grand a month 682 00:31:44.305 --> 00:31:47.300 if you can actually be doing this for them? 683 00:31:47.928 --> 00:31:48.399 Probably a lot. 684 00:31:49.302 --> 00:31:51.719 We actually have a couple of customers that work with us 685 00:31:52.103 --> 00:31:53.717 and say, hey, we'll pay you 5K, 10K a month. 686 00:31:54.301 --> 00:31:57.600 Can you just use your software and then run it for us? 687 00:31:58.442 --> 00:32:00.820 Because you can connect meta ads directly in here, 688 00:32:00.961 --> 00:32:02.800 Google ads, get full revenue attribution. 689 00:32:03.400 --> 00:32:04.720 And then they say, hey, just tell us 690 00:32:05.588 --> 00:32:06.860 where our top of funnel spend should be. 691 00:32:07.561 --> 00:32:09.140 And so it's almost like we're seeing this now too, 692 00:32:09.261 --> 00:32:10.039 like managed service. 693 00:32:10.400 --> 00:32:11.320 Yeah, makes sense. 694 00:32:11.701 --> 00:32:12.040 Yeah, yeah. 695 00:32:12.742 --> 00:32:14.980 So yeah, I feel like we've covered a lot, right? 696 00:32:15.040 --> 00:32:17.580 We went from an idea that we had in Idea Browser 697 00:32:17.640 --> 00:32:20.734 to now having relevant context. 698 00:32:22.280 --> 00:32:23.480 So we can even come back and say, 699 00:32:23.640 --> 00:32:24.740 like in the terminal and say, 700 00:32:25.301 --> 00:32:30.520 using Idea Browser MCP, add this info to the context. 701 00:32:30.782 --> 00:32:32.540 so we can come back and actually add this as a file. 702 00:32:34.962 --> 00:32:37.900 So we went from idea to designing something in paper 703 00:32:38.426 --> 00:32:39.579 to building a new landing page 704 00:32:40.244 --> 00:32:42.540 to then having analytics and experiments behind it. 705 00:32:43.044 --> 00:32:43.237 Crazy. 706 00:32:44.745 --> 00:32:45.740 What a time to be alive, my friend. 707 00:32:45.760 --> 00:32:46.499 What a time to be alive. 708 00:32:47.147 --> 00:32:47.720 Was that saucy? 709 00:32:47.881 --> 00:32:48.678 That was saucy, man. 710 00:32:49.246 --> 00:32:50.460 I would be real with you. 711 00:32:52.201 --> 00:32:58.660 I've never seen anyone do this this fast with this stack. 712 00:32:59.300 --> 00:32:59.400 Yeah. 713 00:32:59.620 --> 00:32:59.757 Yeah. 714 00:33:00.269 --> 00:33:00.380 Yeah. 715 00:33:02.127 --> 00:33:04.740 sometimes I yearn to be an employee again 716 00:33:05.585 --> 00:33:07.860 and go to marketing so I can just take this 717 00:33:07.961 --> 00:33:09.080 and just blow people's mind away 718 00:33:09.161 --> 00:33:10.960 because it's so much fun. 719 00:33:11.342 --> 00:33:13.340 I wish we had a million dollar monthly spend 720 00:33:13.825 --> 00:33:15.160 so I can just dabble with these tools 721 00:33:15.747 --> 00:33:16.860 and just show them what's possible. 722 00:33:16.982 --> 00:33:18.180 Yeah, what's going through my mind 723 00:33:18.200 --> 00:33:19.600 is there's a lot of arbitrage. 724 00:33:20.660 --> 00:33:20.880 Insane. 725 00:33:21.040 --> 00:33:21.160 Right? 726 00:33:21.541 --> 00:33:23.570 If you have good ideas, 727 00:33:26.064 --> 00:33:27.320 if you get a source of good ideas 728 00:33:27.360 --> 00:33:28.639 and you can A-B test them 729 00:33:28.801 --> 00:33:31.979 and you can be creating beautiful websites, 730 00:33:32.964 --> 00:33:34.320 lead magnets, that sort of thing. 731 00:33:35.301 --> 00:33:37.980 And you have access to 7 billion people 732 00:33:38.101 --> 00:33:40.300 who have internet connections 733 00:33:40.401 --> 00:33:42.640 and their credit cards attached to it. 734 00:33:44.427 --> 00:33:45.160 There's arbitrage. 735 00:33:46.080 --> 00:33:50.340 And I remember when the Facebook ad platform 736 00:33:50.524 --> 00:33:51.079 first came out. 737 00:33:51.100 --> 00:33:51.800 Oh yeah, it did. 738 00:33:52.242 --> 00:33:55.700 And the average click I think back then 739 00:33:55.801 --> 00:33:57.119 was five cents a click. 740 00:33:58.063 --> 00:34:03.440 so meaning like you can create an ad and i was at the time working with these social gaming 741 00:34:03.560 --> 00:34:09.760 companies so i would say like hey you know as an example farm bill i would say like would you pay 742 00:34:09.820 --> 00:34:14.480 me two dollars for every install i got for you and they'd be like sure this you know we monetize 743 00:34:14.921 --> 00:34:19.840 so much better than that and i was just using facebook ads because i was paying five cents a 744 00:34:19.920 --> 00:34:23.940 click and there was this moment of opportunity basically where you could do really well 745 00:34:25.146 --> 00:34:27.760 because of this ad platform and how cheap it is. 746 00:34:27.840 --> 00:34:28.840 Now, fast forward to today, 747 00:34:29.140 --> 00:34:31.099 I don't even know what a CPC is on average. 748 00:34:31.441 --> 00:34:33.280 It's probably $2 or something like that. 749 00:34:33.383 --> 00:34:33.999 Yeah, it's like $2, $3. 750 00:34:34.301 --> 00:34:34.669 $2, $3, right? 751 00:34:35.340 --> 00:34:38.240 So it's so much more expensive 752 00:34:39.446 --> 00:34:42.140 and it's just because people didn't know back then, right? 753 00:34:42.341 --> 00:34:44.660 And it's sort of the same thing with this sort of stuff. 754 00:34:44.760 --> 00:34:46.352 It's like 99.999% of people don't know 755 00:34:47.480 --> 00:34:48.619 that this stack exists. 756 00:34:49.343 --> 00:34:51.439 And there's an opportunity to create offers 757 00:34:51.722 --> 00:34:53.480 and arbitrage right now. 758 00:34:54.263 --> 00:34:55.660 the right tooling, the right approach, 759 00:34:55.881 --> 00:34:57.940 you have a terminal with a million context tokens, 760 00:34:58.825 --> 00:34:59.760 the opportunities are endless. 761 00:35:00.841 --> 00:35:02.553 So I appreciate you sharing. 762 00:35:03.820 --> 00:35:03.976 Yeah. 763 00:35:05.162 --> 00:35:08.780 And I'll include the link for that skill 764 00:35:08.902 --> 00:35:10.180 in the show notes in the description. 765 00:35:10.442 --> 00:35:10.700 For sure. 766 00:35:11.140 --> 00:35:12.739 I'll include links on where to follow Amir 767 00:35:12.941 --> 00:35:15.360 on X and other places. 768 00:35:16.463 --> 00:35:18.320 And stay saucy, my friend. 769 00:35:18.681 --> 00:35:19.440 Thank you for having me, man. 770 00:35:19.667 --> 00:35:20.100 Good to see you. 771 00:35:20.201 --> 00:35:20.699 Good to see you. 772 00:35:20.821 --> 00:35:21.079 All right.