Go back

My Claude Code marketing stack (It just works)

35m 22s

My Claude Code marketing stack (It just works)

This episode outlines a practical workflow for building and validating a business idea using modern AI tools. The hosts demonstrate creating a landing page for an "AI sparring partner for B2B sales teams" by first using Idea Browser to define the idea, target customer, and strategy. They then connect to Cloud Code via MCP to develop the page, utilizing Paper for iterative, bi-directional design refinement instead of static tools like Figma. To achieve a polished look beyond basic "vibe coding," they reference design systems and component libraries like TailArc. The process includes creating a lead magnet, refining messaging and design, and planning for conversion tracking and experiments with Umbolytics. The discussion also explores the future of work, suggesting the terminal is becoming the central interface and that AI agents will increasingly interact with websites and drive commerce, necessitating more agent-friendly web development. The emphasis is on a continuous cycle of idea validation, design refinement, and data-driven optimization to build a sustainable business.

Transcription

6769 Words, 35976 Characters

English
My ears back on the pod. Thank you. By the end of this episode, what are people going to learn? Today we're going to cover three aspects of building a business. Using new tools to actually build out any pages and then using other tools like umboletics to actually create high converting that any pages in run experiments. So we're going to cover how to actually use idea browser to build the right amount of context and planning to come up with an idea and build a landing page behind it, validate it, refine a design, using paper design, and then going into umbolics and then running experiment and tracking data to then come back and keep optimizing for conversions. And you're going to commit to giving all the sauce you're not holding back. Raw, we're going to go, we're going to go through everything, all the sauce, by the end of this you're going to learn what it takes to take an idea, validate it, refine it, build a landing page with a nice design, it's not by appcoded, and then get the right data to make some money. Okay, because there's a lot of tutorials that sort of promise that, right? And then you end up with like a purple vibe coded landing page. Do I really let you down there? No, you don't. I don't let you down. That's true. There you go. Alright, let's get into it. Alright, so. The starter by this call pass. Easy time baby. Idea browser came out with something really cool. Um, I really like, which is basically you can now directly connect idea browser to cloud code as an MCP. What's really interesting about it is, you know, you guys used to focus a lot on finding the right idea and then building it. But what was missing was, how do you track the natural progression of how the business is evolving over time with the right context and documents to then come back and reference to say, okay, cool. Like, this is the idea I had. Here's how I started with the ICP positioning. Now I want to come back and refine this or help me figure out, um, kind of what to pitch for it or who to go after as my customers. So I was playing around with Jordan earlier today. We were on a live stream and we found this really cool idea, which was an AI sparring partner for B2B sales teams. The idea was how do we build a tool that kind of essentially helps reps practice on prospects on real time and get them to essentially go through simulations of being like, you know, going through a sales call and getting feedback on what they can improve on. We put together a quick landing page. We made some designs and then got some data in there and started tracking it. So for today's episode, we're going to build on top of this. We're going to refine the messaging. We're going to go through some sessions on the website, refine the copy and design, show you how to use paper for that. And then also, um, yeah, get some experiments and maybe testing in there. Cool. So what I, so what we have so far is we have this one specific file, which is, uh, like an offer definition and talk tracks. Tell us who your target customer is, the transformation, the offer, the value, competitive positioning. What's really cool is you guys also have skills in here, which you can use to then build on top of the idea. Um, so I actually want to use the lead magnet legend here, this specific skill to build the specific lead landing page site, um, to kind of get someone to come and sign up and, you know, go through this process. So we're going to open up terminal and we already have all the MCPs connected. So if I go to MCP, you can see how the browser, I have paper, all that, we're going to go through it. I'm going to say connect to idea, idea browser, MCP, um, look at my AI, B2B sparring partner project, hold the right context, then use the lead magnet skill to create a, by the way, I just got to say this because people are going to hate on you for the comments in the comments. You type your, your prompts. You don't use voice. I, listen, I love whisper flow, but tell me how I'm going to do this while I'm doing the part. Okay. All right. Just, just, you got to bear with me here. Okay. So when you're at home, are you using whisper flow? Are you still typing? I am. So I'm using, I usually use whisper flow when I'm initially starting a project or some, some session and it's like a long, it depends on honestly, and the context of how much information I'm going to put in the terminal. But yeah, I know I got whisper flow, you know, I'm, I'm, I'm up to date with tools. So what we're doing right now is we've pulled to the right project context and so like we have context right here, that's built as a file. And then we're then, we also have a growth strategy that we worked on earlier. And then from there, we're going to build out a lead magnet specifically for this idea. So we have this AIB2B spying partner. What's really cool is you got to have, you guys have this activity streak to keep building on kind of your business. And that's the biggest problem these days. Like everyone can build any pages, everyone has ideas. How do you actually like, no, where do you get customers? How do you actually grow it? And that's the next kind of gap that we're all trying to solve for right now. Well, yeah, I think we've all tried the vibe coding tools. We've all built stuff. Yeah. I do think that having the right idea is important. Finding the right niche is important. But you know, the other thing is just like, how do you get customers to honestly just give you confidence to keep going? Exactly. Yeah. Yeah. And we're going to eventually get there. And I think you guys did a really good job of this. And I'm not like promoting, like I'm promoting idea of browser, don't get me wrong. But I wasn't, you know, I'm actually using this tool myself now because that was kind of the biggest gap I had myself like with humble critics was like, okay, cool. I have all these great ideas. And I've been understanding who our customer is and trying to get customers through trial and error. And I was trying to Jordan early. I was like, I wish I had idea about it sooner. Right? And come back and use these specific skills to understand, okay, cool. What is the right growth strategy? Because a lot of what you guys have has been fully refined. And we were going through this earlier today. It was interviewing me and asking me questions. And I was like, this is so impressive. I wish I had analytics for this specifically so that I can come back and say, okay, cool. Like humble, it seems to go after director of marketing in this specific field with this kind of messaging. And yeah. So kudos to you guys for building a really cool product with this. And I think a lot of people now can actually use this to build the idea and then also help build the business as well. So we come back to Cloud Code. We were connected to the MCP. We have built out the lead magnet, which is basically five of the objections that kill flight software deals. So we actually niche down. We built this AI/BDB spying partner in the flight software industry. And it's going to say you're going to want to create a PDF guide. Give them all that. Yep. So this is great. We have the idea of the lead magnet and it should now actually save the file in here. Let's go back. Boom. Now we have the file. So it's really cool. You have context of the ideas it came with and it's out of here. Now we're going to come back and use the scale. I got to come back here. We have the, where is this? The landing page architect. So using. And basically what we're going to do now is for the people that don't know paper is it's a really cool tool where essentially it's connected. So I'm going to take a step back. Typically with Figma, you had designers creating static assets in Figma, landing page designs and then heading off to engineering teams, right? 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 like what they're iterating on and not having the ability to be able to kind of refine this. So with paper, what you're able to do is actually have an interface connected to Cloud Code where you're ideating, creating iterations, iterations directly in the design and then coming up with like what direction you want to go with and then having it in code. So it's kind of like the intermediary step that we were missing before where people were just directly building in code. And you know, you can use paper or there any other competitors that people use or just stick to paper. So Figma just recently came out with their bi-directional ACP. I'm in your world, man. Yeah. Yeah. MCV, where you can both design, like you can take a design and build it to code or code to design to go bi-directional, which this is essentially what paper already is. But I just feel like the tooling and the interface and the experience around paper is a lot nicer in my opinion and it just works a lot better. So we're now connected to, we've captured the lead magnet. We have the landing page scale architect being added as well with the offer that we want to have and now we want to actually build out the page using paper. So while that's going through it, I want to talk about kind of how you can refine your designs as well. So oftentimes you see people with kind of these vibe code of designs and they're not entirely sure how to actually go with like the right direction of building out a design system. What I typically like to do is always give a reference image of the existing design that I like. So for example, I'll go into an existing site or have some bookmarks of sites I like and I'll take the screen shots and I'll drop it into cloud and I'll say extrapolate like the key design elements from these pages and help me create a design system. 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. So if I want to come back and create a new section or a new component of my landing page, I can say reference design style guide as like the basis as you're creating a component so that you have that consistency. Now I'm going to show an example like again, a lot of people have this misconception that vibe code of design is bad. This has all been fully vibe coded. We built all these animations, all these components using cloud and it doesn't seem that way. It seems very polished, very well refined. And the way to do that is you refine it through paper and then give example components and illustrations from other websites or libraries to build on top of. So. For example, I use this tool quite a lot. It's called TailArc, TailArc Pro. They have a lot of great existing blocks and illustrations that you can use. You can actually install these and use it as a reference. I'll go back into paper and I'll show you how nice. Right now we're seeing Cloud Code, Design, and Build, Directly in Paper on what this lead magnet looks like. >> That's really cool. >> Really cool. I love the little section by section that's building out. I think this is perfect. This is a great segue to that. We're going to let it build out the lining page. Then I'm going to show you how you can actually use TailArc as a reference point to then improve the design of this. It goes from something like this to something a little bit more tailored like this, for example. By the way, there's an ant on the table just there. Do we let the ant watch? >> Your demonstration or do we move him aside? What do you think? >> I think we'll give him a button on the net. Where do we put him? I mean, I have nothing against the ant. >> He's chilling. >> He's chilling. >> He's going to direct sauce. >> Yeah, we can give the ant some sauce. He's an napkin in case. >> Yeah. [LAUGHTER] >> Okay, cool. So we're building out the section, which is pretty cool. Now a lot of people say, "Okay, cool. Why don't I just build this directly in code? Why do I have to actually use paper?" The idea is that you can use paper to help build out different variations. If I wanted to try different layouts, I can just do it directly in here. Make some refinements myself, especially for designers. I think it's a super powerful for designers that want to just jump in and start changing things themselves without having to use Cloud Code again or existing components they have. We'll let this finish. Then I want to show you some examples of what I've also created in paper to show you that what's possible if you keep refining it and go through it. Go through it. Perfect. So we're all done here. Now, what does this look like in actual real practice if you spend time refining this? So, this is all designed in paper. I've given the design style guide I'll have in umboletics. I've said, "Here's the components you have and use these components to refine it." So I actually built out some of these sections in here and then port it over to code. I even use it to create static assets that I want to use in ads. In thumbnails, whatever it is, this is all purely built using Cloud. Now, how do you go back to actually refine the design here? So what I do typically is I'll go into Tailoric and find a section that I like. So we have this content area section. I'll go into um. Let's go into content. Right here. Okay, cool. I like this right here. Or maybe we'll use this one. Cool. So I'll go back into terminal and I'll say install this Tailoric components and use it for the content section in the 8 Magnet. First design it in paper. And then we just need to pull the API key for Tailoric. Cool. I've actually never heard of Tailoric, really? Yeah. Yeah, it's just another UI library. I mean, I'm not sure who's behind it. I think it's like an indie founder or something like that. That's clean. Yeah, super clean. It's the way to go, you know, kudos or shout out to whoever built this. Yeah. It's an indie person. So whoever it is, you've done a great job. Keep doing it. Um. Yeah, I'm a fan. I'm a big fan. They got taste. That's for sure. So what we're doing right now, we're just installing Tailoric so that we can like install the right components here. And um. Yeah, what's special about this is that you can take those components that I showed you earlier. Like for example, we're going to do the content one. This one specifically and I can just drop it in as well as screen shot to say like install this, use this component. And then I'll go back into paper and say like use it for this section here. What's also interesting is, you know, showing Tailoric, showing idea of browser, the MCP, it's sort of a glimpse into like the future of software. Right? Like you're not in the past, we would go and just use SAS, right? Now it's like the work is getting done in the terminal. Nailed it. Again, it's becoming the interface for work for everything. Yeah. If you remember our first episode, like cursors into. Yeah, like you were right. Yeah. So you said, I think you're exact words or something like. Like yeah, but I think the mistake I made was I said cursors. As we said. Yeah, cursors interface of work or the future of the interface of work, I would say now terminal, the terminal is interface of work. You know, we were very. Yeah, we were early. We were early. We were early. Like, we're like, yeah, mic downs are going to become a thing. You're going to do all your work in cursor, all of the terminal. People thought we were crazy. Yeah. Yeah, like here we are today, man. And we're showing you this and someone probably listening to this is probably like, you guys are crazy. Harnetful side. Yeah. You know, another thing, for example, was like you're now seeing people building out mic down pages on the websites to make it easier for agents to access, right? You look at what's happening now. People are giving agents wallets, what's going on here. They're giving you wallets. They're giving them emails, inboxes, stuff like that. So it's insane to see. Yeah. It's insane to see kind of the evolution of that. And we're seeing actually tangents. I have a thesis. But thesis is that more agents are going to actually visit websites and humans. I mean, that's. I'm 100% certain of that. It's not even. I saw that Gartner had a research report that said 20% of commerce will on the internet by 2030 will be agents, meaning like agents are buying things. You know, the tale. How do I say this? Basically where it's going is agents doing more and more things. So obviously, yeah, there's going to be way more agents than humans. Therefore, there's going to be way more consumption of agents of products. Yeah. And it's like the multiplier effect, too, right? Because you have people running multiple open-clothes or multiple agents. Exactly. On behalf of one person. And who was it? There was a report saying. I don't know if they were serious, but they were saying, yeah, we should put a tax on agents. We should put a tax on agents, right? Because it's like. Yeah, it's making us more productive. There's a whole. Think about human beings, right? Like if you have it. If you're running a company and you want to hire someone, you have to pay payroll tax on that person, right? So of course, then, you know, governments are going to be like, well, it's kind of like you're hiring a person. Therefore, there should be some taxes that, you know, agents have to pay. There's an arbitrage opportunity right there, right? Like you as a single human now have an army of agents working for you on your behalf. There are multiplier effect of what your income is or whatever it is that you're doing. More productive. Yeah, where's like, you know, you're making more money. Yeah. I want to be surprised at some point we have some agent tax. It's like on your taxes, like list out the agents you have. But anyways, back to kind of talking about the future of web. Yeah, like we're also seeing right now more websites being built to be agent friendly, right? Flyer crawl, Kale. Kalefer came out with their endpoint to be able to crawl websites to give access to agents to be able to get the data they need. And, you know, we actually had our website built in Webflow, then we migrated to Framer, and then we fully built in Custom Code. Why? Because we wanted to be able to use the agent as our CMS. So use Cloud Code to directly update our CMS and the ability to give access to other tools, to like quickly ship changes, run tests, give access to our agents and MCPs, which is you can now kind of do with Webflow and Framer, but it's not as open as you want it to be essentially. Makes sense. Yeah, that's kind of the thought process behind it. Let's go back. Okay, nice. Not much nicer refined design here. And then if we wanted to, we can go back and like maybe find more components to drop. So let's look at like maybe. So one of the things I really liked about your website, the HumblyLitic website is like the animations were really good. How do you think about like if we wanted to like update the designs here to be live more animated? How would we do that? Yeah, so I, so right now we're doing right now. So I basically went into here. So this one has a very subtle animation. I copied this component and I dropped it back into terminal in Cloud Code. I said, Hey, add the section and then add a subtle animation. And the goal, like I always say like you don't want to over animate things. It's interesting to see how agents respond to constraints and guard rails, especially around like hey, make subtle changes. Settle animation, subtle design refinements. I'm actually very intentional with that word when I'm used with agents because like if you say improve the design is so broad and generic, whereas you say, Hey, work on refining the design, make sure you have consistent layouts and themes and keep it subtle enough to make sure there's like cohesiveness across the entire page. I find that prompt works a lot better than just saying improve the design. Keep it subtle stupid. Yeah, keep it subtle. Exactly, exactly. There you go. So you know, while that's happening, I'll say when you're done, make the changes in the code and push it and tell me the URL. Add a section on the homepage to the. - Cool. We already have this site right now, and we're gonna now add that lead magnet section. So we were actually earlier today with Jonah and I in the live stream, we were building out the home section, the hero section, and we started working on the steps below it, but now what we're gonna do is build a lead magnet page using what we just covered in paper and the designs. And then, yeah, we're gonna push it live to the website and then get some analytics in there, run some experiments to see what drives more conversions. - Cool. Yeah, and then, for the audience, keep in mind, we're doing this really, really quickly. We're speed running through this. You know, obviously, if you look at this design, it's a lot more refined than what it would be. Typically, I would spend a couple of hours going through this, going through specifically different illustrations or blocks or sections. I just wanna cover the key principles of how I approach it, and then you can come back and use these different components to refine each individual section. Any questions, thoughts? - Yeah, I think I was just thinking about this. We all have these expectations that you're gonna, one prompt, something two prompt, something three prompt. So I'm happy you said that it's probably gonna take a couple hours if you really do wanna get it dialed. So I don't want people to go through this whole process and be like, well, when Amir did it, it looks so much better. Well, Amir, first of all, you had the library, so that was helping, but also, it takes time. It takes a lot of time. This takes a lot of time, if you think about it, it just takes. - Yeah. - If Amir from 2017 saw this, - Oh, I knew it. - And heard that you said it took a lot of time. You'd be like, what is Amir on? - No, yeah, no. - But it takes some amount of time. - It takes time, taste, and skill, to know what you gotta do and how to do it. It's like, we made it so easy to achieve the tasks. How do you give the agents the right direction and approach to say, here's how you need to do it. The taste, the taste is what we know. We've been talking about a lot. - Yeah. And direction, right? Like this particular component needs subtle animation. Here's a reference of that. - Exactly, exactly. I built this component from scratch. Not from scratch, often existing component that was, I think, let's actually find it. So you found a component here. - Exactly, so I found a component here. We're gonna find it, 'cause I know, it's how you, where it is. So this is, for example, right here. So we had this component and this is it right here. I ported this one over, but I said, add a solid animation to switch to it, for example. Or this analytic query right here. So this one is, this one, right? Now, that specific component, I think it was, it was one of these, one of these cards, essentially. And yeah, I took it and I said, hey, based on this component, oh, right here, this one. It was this one and I turned it into this. Which is, you know, I think it looks great. - Yeah. - Yeah. So, cool. So we've built out the design of the guide page in here. And now we're gonna see if it's live on the website. So let's push this and then we're gonna go to guide. Boom. So now we have it, we have the sections here. Okay. So now, let's get some analytics in here to see how many people actually could sign up for this lead magnet. - So I just wanna say one thing. This lead magnet looks gorgeous. Like, think about, this lead magnet looks better than 99.999, percent of lead magnet exists, right? So people listening to this, like, this is, think about, you know, don't just create one lead magnet, right? Like every few weeks create new lead magnets, optimize your lead magnets and you're gonna be able to outperform because you're gonna know how to do and create gorgeous looking lead magnets. - Exactly. And we did this in like 30 minutes. Again, like you get the right components, the right direction, you can do some research on the best ones, point them over as reference styles and then make that refinement. So right now while you're going through it, I found this kind of decent component. I was like, why don't we just try this design instead and add it. So let's see what happens. Okay, cool, it's gonna adopt it and it's gonna have this split layout. All right, so we've got this lead magnet. We'll wait while it's refining the design. We're gonna come back and essentially get some analytics installed and look at some click tracking, form submissions and run some experiments to see. If I were to change this headline, for example, what would this look like? And, you know, what would increase more form submissions for our leads? And we use this approach at HumboldtX. We just started actually where we built like an autonomous CRO agent where we have direct skills and MCPs connected to a cloud. So we directly connect to our track analytics and experimentation tool or marketing site, which is why we port it over to Custom Code. We want to been able to do this through upflow and then we have Google ads. The idea is how can we spin up multiple sub pages that are personalized campaigns? Like personalized campaign landing pages based on the campaigns we have. So like, if I'm running a pain point campaign on Google ads and have five ad sets, I want each one to have its own personalized landing page. And I want to avi test each individual landing page to see what headline resonates the most or what layout, for example. You're able to do this with the Custom Code site really quickly with cloud code. With Framer or Webflow, you have to create the pages, create the sections, come back and update it. You know what I mean? So that's kind of the whole thesis we're talking about earlier where it's like the feature of Web site is Custom Code and the agent is the CMS. And then you have it running. And you can even set up like, so what we do is we have like a cron job now, directly in cloud code because they support automated tasks. To say every week go into like run this specific task. So what we have is Google ads directly connected to cloud through the API. We have three cloud skills, a paid minimum manager that pulls data from meta and Google. We have a CRRWO optimizer that runs avi tests and then we have a final report that just gives us a report of like, here's how many users you had signed up. It connects the strive, chart, mobile, all the different tools that we have. And then we have how many of the sets essentially hits our endpoint to give you recommendations. It actually uses the fire crawl to script the pages and then helps you kind of say, okay, here's what you need to optimize for. Helps you run the experiment all through cloud and then it manages the results for you. >> I mean, that is just so cool. That we live in a world where you can do that. >> I know. >> Yeah, yeah. And the best part is you can actually use this with idea browser to pull all that context and save it as a file back into idea browser. Joining them with Tom with us, they're like, "Yo, we can do this now." Like, imagine you do a weekly report, you pull all the data, you add it into idea browser and now idea browser has context of like how growth has been over time. >> Which is sort of the unlock, right? >> Yeah. >> Yeah. >> If you have that, you're just going to get better results. You're going to compound and that's like how you can compete. >> Right? >> Yeah, exactly. So we just added the component to the, we installed this new component, but I realized the mistake we made was we got rid of the form. >> Right. >> So we're adding it back in. But yeah, to your point, we actually, before this, we were tracking all the context directly in Obsidian as well. So we have a master like performance log. >> Yeah. >> So it's like, here's how this A/B tested. Here's how much money you made is waiting to improve on. And we just come back to the context. So we have this all set up now. We have this landing page. And let's go back to the home page and maybe run an A/B experiment on this home page to see if we can increase click through rates. So what I'll do is I'll spin up cloud again and then we're going to go into, so with umble.x you can just go directly to the API. Create an API key, get your property details and instructions to hit the cloud. But what you know, you get the basic analytics to you typically see where people are visiting from, traffic, you know, the channels, everything you want. If you're looking to like run paid ad campaigns, you get full attribution directly in here. As you can see exactly what channels are making money. You can have heatmaps to see scroll depth, what people are clicking on, the full experience. You can even create funnels. So for example, if you want to go like, you know, from page to guide, you can even run it. It'll show you what people went through as steps. Um, and then you can run A/B experiments. So we have zero right now. We're going to use cloud to actually run an experiment. So we're just going to copy this. Just going to, no, we're going to have a, we have a dedicated skill for this by thought just to show people the steps. So using this approach, create an A/B experiment, no code type, or the headline. So just what the headline. - So you've a skill for this? - We do. Yeah. - Yeah, I'll show the link afterwards. - Yeah. - That people can use, where essentially we'll help you get set up with like, um, analytics, run experiments, get recommendations. But we have endpoints right now that you can hit to say, okay, like tell your agent or a cloud code, hit the specific endpoint, the recommendations endpoint, and it'll actually scrape your site, poll traffic insights, pour all the existing data you have in hub or audix, and even idea browser, and then give you a very detailed report on, here's what you should come, like, focus on for your landing page or a way to test. Yeah. Nice. So it's polling insights. Based on analytics, we have a 40% average scroll, 25% balanced rate. Here's the page content. Here's what your control should be, and then here's what you should be, where should be the variance. Okay, cool. We should now go back into experiments. We now have an A/B test running directly through here, which is crazy, like it's insane. And we did this without even deploying as change, 'cause our script, dynamically updates the content on the site without you having to go to developers and say, "Hey, can you create this new page or push it for us?" So this is what we had. If I refresh this, maybe a couple times, because this is like a shooting traffic, let's see. Right. There we go. Every loss deal started with an objection your rep wasn't ready for. Honestly, not bad. Pretty fired. Yeah. But here's the cool thing. We just launch and experiment. Yeah. And it automatically updated the page without pushing code. And now you're tracking to see how this headline will actually impact conversions. So if I click this, for example, and then let's say we go back to control. So this is right now showing, can now run control. And we go back in here. We can see exactly how conversion is doing. So it's still pretty early. So it's going to not have any good data to show. But it's showing you even what people are clicking on directly and telling you how the test is doing. Insane. Insane. It's also insane that like, I don't know anyone who's doing this. Yeah, I know. Yeah. Yeah. I think this stack right here, what I showed between going from idea to refining in paper, then analyzing optimizing for this. Like if you're a go to market person, market person, and use a stack, you're unstoppable. Yeah. So we're doing this at scale. We're running a bunch of paid meta ads, Google ads directly connected, pulling all the context, creating personalized pages, and seeing like what's making money. I mean, there's also an opportunity to actually take this stack and sell this as a service, right? Like how many businesses, you know, would pay 5, 10, 15, 20 grand a month if you can actually be doing this for them? Like probably a lot. Yeah. So we actually have a couple of customers that work with us and say, hey, like, well, pay like 5K, 10K a month, can you just run? Right. Can you just use your software and then run it for us? Yeah. Yeah, yeah. Because like you can connect meta ads directly in here, Google ads, get full revenue attribution, and then they say, hey, like just tell us like where our top of funnel spend should be. And so it's almost like we're seeing this now to like manage service. Yeah. Makes sense. Yeah, yeah. So yeah, we've, I feel like we've covered a lot, right? We went from an idea that we had in idea Bowser to like now having relevant context. So we can even come back and say like in the terminal and say, you know, using idea browser at mcp, add this info to the context. So we can come back and actually add this as a file, right? So we went from idea to designing something in paper to building a new landing page to then having analytics and experiments behind it. Crazy. What a time to be alive, my friend. What a time to be alive. Was that was a saucy? That was saucy, man. So like I would be real with you like this, I've never seen anyone do this this fast with this stack. Yeah. Yeah. Yeah. Sometimes I yearn to be an employee again and like go to my company and just take this and just blow people's mind away because it's like it's so much fun. Like I wish we had a million dollar monthly spend. So I can just dabble with these tools and just show them what's possible. Yeah. What's going through my mind is like there's a lot of arbitrage. Insane, right? Like if you can, you know, if you get, have good ideas, if you get, you know, source of good ideas and you can maybe test them and you can be creating beautiful websites, like, you know, lead magnets, that sort of thing. And you have access to seven billion people who have, you know, internet connections and that. And their credit cards attached to it. Like, there's arbitrage. And I remember, I remember when the Facebook ad platform first came out. And you know, the average click, I think back then was five cents a click. So meaning like you can create an ad and I was at the time working with these social gaming companies. So I would say like, Hey, you know, as an example, Farm Bill, I would say like, would you pay me two dollars for every install I got for you? And they'd be like, sure, this, you know, we monetize so much better than that. And I was just using Facebook ads because I was paying five cents a click. And there was this moment of opportunity basically where you could do really well because of this ad platform and how cheap it is now, fast forward today. I don't even know what a CPC is on average, probably two dollars or something like that. Yeah, it's two, two dollars. Two, three dollars, right? So it's, it's, you know, so much more expensive and it's, and it's just because people didn't know back then, right? And it's sort of the same thing with this, with this sort of stuff. It's like, you know, 99.99% people don't know that this stack exists. And there's an opportunity to create offers and arbitrage right now. The right tooling, the right approach, you have a terminal with a million context tokens, the opportunities are endless. Yeah. You know, so I appreciate you sharing. And I'll include the link that for that skill and the show notes and the description. For sure. The link somewhere to follow a mirror on X and other places. And stay saucy, my friend. Thank you for having me, man. Good to see you. Good to see you. All right.

Podcast Summary

Key Points:

  1. The episode demonstrates a workflow for building and validating a business idea using AI tools, focusing on creating a landing page for an "AI sparring partner for B2B sales teams."
  2. Key tools include Idea Browser for ideation and context, Cloud Code for development, Paper for iterative design, and Umbolytics for conversion optimization and experiments.
  3. The process emphasizes moving beyond basic "vibe coding" to create polished designs by using reference libraries (like TailArc), establishing design systems, and refining through iterative feedback and data tracking.
  4. A broader discussion highlights the future of software development, where the terminal becomes the primary interface for work, and agents (AI) are predicted to play a significant role in commerce and web interactions.

Summary:

This episode outlines a practical workflow for building and validating a business idea using modern AI tools. The hosts demonstrate creating a landing page for an "AI sparring partner for B2B sales teams" by first using Idea Browser to define the idea, target customer, and strategy. They then connect to Cloud Code via MCP to develop the page, utilizing Paper for iterative, bi-directional design refinement instead of static tools like Figma.

To achieve a polished look beyond basic "vibe coding," they reference design systems and component libraries like TailArc. The process includes creating a lead magnet, refining messaging and design, and planning for conversion tracking and experiments with Umbolytics. The discussion also explores the future of work, suggesting the terminal is becoming the central interface and that AI agents will increasingly interact with websites and drive commerce, necessitating more agent-friendly web development.

The emphasis is on a continuous cycle of idea validation, design refinement, and data-driven optimization to build a sustainable business.

FAQs

The episode covers using new tools to build landing pages, employing tools like umboletics for high-converting pages and experiments, and validating ideas through data tracking and optimization.

Idea Browser connects to cloud code as an MCP to track the natural progression of a business, providing context and documents to refine ideas, ICP positioning, and customer targeting over time.

Paper is a tool that connects to Cloud Code, allowing users to ideate, create iterations, and refine designs directly in an interface before implementing them in code, bridging the gap between design and development.

You can create a design system by using reference images from existing sites, extrapolating key design elements with tools like Cloud, and referencing a design style guide for consistency across components.

TailArc is a UI library that provides pre-built components and illustrations, which can be installed and used as references to enhance and refine the design of landing pages, making them more polished.

Custom code allows for greater openness, enabling agents and MCPs to directly update the CMS, run tests, and ship changes quickly, making the site more agent-friendly and adaptable.

Chat with AI

Loading...

Pro features

Go deeper with this episode

Unlock creator-grade tools that turn any transcript into show notes and subtitle files.