WEBVTT 00:00:00.000 --> 00:00:15.565 I don't know about you, but I heard that you can put MCPs within LLMs like Claude, and you can get a 100 x more out of them. The problem is it's kinda difficult to set up. So I brought on Riley Brown who's gonna go through a tutorial 00:00:15.645 --> 00:00:20.445 with how to set it up in a simple way so that you can actually 00:00:20.925 --> 00:00:21.725 transform 00:00:21.725 --> 00:00:22.845 your business, 00:00:23.005 --> 00:00:24.685 save hours of time, 00:00:25.165 --> 00:00:26.685 uh, and outcompete 00:00:26.685 --> 00:00:29.485 99.9% 00:00:28.770 --> 00:00:34.530 of the people who are using AI today. You're not going to want to miss this one. 00:00:43.425 --> 00:00:46.545 Riley Brown back on the Startup Ideas podcast. 00:00:47.025 --> 00:00:50.305 What are we going to learn today? So today, 00:00:50.865 --> 00:00:52.865 we're going to be using MCPs, 00:00:53.185 --> 00:00:58.465 but I don't wanna frame it like we're using MCPs. I think, personally, that MCPs 00:00:58.750 --> 00:01:02.830 is kind of a buzzword. It's distracting you from the sauce, 00:01:03.310 --> 00:01:16.565 and it's distracting you from the core ideas that you should be focusing on. Right? What does MCP mean? Doesn't matter. For the sake of this video, doesn't matter. What we're talking about is agents with tools. 00:01:16.805 --> 00:01:24.245 And if you look at the trends right now with, uh, if you look up MCP on Google Trends Greg, I know you love, uh, Google Trends. 00:01:24.485 --> 00:01:30.005 Um, if you look up the trends for n eight n, if you look up the trends for 00:01:30.620 --> 00:01:33.660 the next biggest AI agent builders, 00:01:33.820 --> 00:01:35.100 people are dying 00:01:35.260 --> 00:01:37.740 to build AI agents. And 00:01:38.060 --> 00:01:52.805 by the way, Claude Sonnet four and Claude Opus four are literally agents out of the box. And so what we're talking about is giving tools to agents. That's all I would really wanna talk about today because it is so 00:01:53.125 --> 00:01:53.925 significant. 00:01:53.925 --> 00:01:56.885 It is so important to basically any workflow. 00:01:58.320 --> 00:02:02.640 And the one that's going the most viral right now is n eight n. So 00:02:03.440 --> 00:02:08.400 what n eight n is is it's a kind of like Zapier where you can create these workflow automations, 00:02:08.480 --> 00:02:10.960 except you can create this AI agent node. 00:02:11.200 --> 00:02:19.275 And AI agents are really hard to build. Right? I am working at a startup where we're building an AI agent, doing it in a code base is 00:02:20.715 --> 00:02:22.875 impossible for nontechnical 00:02:22.875 --> 00:02:27.115 people to, like, wrap their heads around, like, what it's actually doing. And I think what 00:02:27.680 --> 00:02:31.520 N8N did is they made this interface for AI agents 00:02:31.920 --> 00:02:34.960 so that nontechnical people can understand them, 00:02:35.200 --> 00:02:37.840 where instead of it being, like, a workflow, 00:02:38.080 --> 00:02:42.080 um, I think I, uh, included it. Yes. Right here. It's not 00:02:42.435 --> 00:02:58.760 if one thing happens, then the next thing happens, then the next thing happens. Maybe you have some conditional logic. Right? You're you're, um, you have a lead or you have an email, and depending on what type it is, maybe it sends it down one path, and then it sends you result a or sends result b. 00:02:59.000 --> 00:02:59.800 Instead, 00:03:00.280 --> 00:03:01.400 something happens, 00:03:01.800 --> 00:03:05.240 and then it sends it to an agent, and it has access 00:03:05.240 --> 00:03:06.360 to tools. 00:03:06.520 --> 00:03:17.785 So the agent will decide what tools to use and for how long. Right? An AI agent, if you've used Cursor, it might spend ten minutes on a a prompt, 00:03:18.025 --> 00:03:24.265 or it might spend thirty seconds on a prompt depending on how much, uh, resources it needs to allocate to that specific 00:03:24.680 --> 00:03:26.920 task to get a specific result. 00:03:27.240 --> 00:03:32.600 And so the best definition for AI agent that I've ever heard that kind of removes 00:03:33.560 --> 00:03:38.600 all of the extra noise because so many people think automations are agents. So many people think 00:03:39.245 --> 00:04:02.660 the the the definition for AI agent is very elusive right now. And so AI agents are models using tools in a loop. Right? It can you it can spend as much time as it wants in this step. It can use tools over and over again until it's done, and then it will send out this final result. Right? That's how I see it. And so today, we're gonna be talking about MCP 00:04:02.820 --> 00:04:03.540 and 00:04:04.100 --> 00:04:25.070 giving Quad, which is an agent, access to tools. Right? So you get to choose which agent model you wanna use, SONNET four or Opus four, and then we get to actually add tools, which if you have used Claude, it's this little button right here. And we're gonna talk about how to actually give it access to tools, which has actually been the biggest barrier so far. 00:04:25.390 --> 00:04:45.685 No company even to this day has made it really easy to add external tools. I'm gonna show you one company that has made it somewhat easy, but it it has a lot of room to get easier. Is this making sense so far, Greg? It makes sense, but I have, like, a dumb question to ask, which is, like, why why do why should the person listening to this 00:04:46.005 --> 00:04:47.445 podcast care? 00:04:47.685 --> 00:04:48.245 Absolutely. 00:04:49.060 --> 00:04:49.700 Okay. 00:04:50.100 --> 00:04:50.740 So 00:04:51.620 --> 00:04:54.180 as you know let's 00:04:54.180 --> 00:04:57.940 actually go over here. Tools matter a lot. 00:04:58.340 --> 00:05:02.020 Right? If you think of the original ChatGPT and you asked it to create 00:05:02.900 --> 00:05:03.380 content 00:05:03.865 --> 00:05:06.665 about some event that happened two days ago, 00:05:07.065 --> 00:05:07.945 ChatGPT 00:05:07.945 --> 00:05:10.105 would have just hallucinated 00:05:10.105 --> 00:05:14.505 some random script not in your voice, and it would also not have context 00:05:15.145 --> 00:05:16.265 surrounding 00:05:16.905 --> 00:05:18.425 whatever it is that you're talking about. 00:05:19.230 --> 00:05:28.430 Perplexity built a billion dollar company, right, in the beginning, adding one single tool, basically, which was search the Internet before responding. 00:05:28.990 --> 00:05:33.870 They built a billion dollar company doing that, and this gave its responses 00:05:35.285 --> 00:05:39.445 incredible context where no other AI model had. 00:05:40.005 --> 00:06:04.580 Now, uh, all of these tools have a search tool, and so now it's no longer their sauce. So they're searching for other things. They're trying to create other products for their sauce. The same thing with Cursor. Why does it matter that you have an agent with tools? Right? Cursor is a really great example of a really powerful AI agent in an and by the way, it's a very familiar AI model. Right? It's Claude. Most people use Claude. 00:06:05.085 --> 00:06:05.725 And 00:06:05.965 --> 00:06:08.605 it is a familiar interface with, um, 00:06:09.005 --> 00:06:19.340 Versus Code. But what they did is they created tools so that it could search the code base, which was one of their tools. Now it can search the Internet. So you can say search the Internet, find documentation 00:06:19.340 --> 00:06:27.660 on whatever AI feature you wanna create, and it will implement it correctly. It's amazing. It's a miracle. And that's because of tools. Right? And 00:06:28.460 --> 00:06:41.005 so then why is boring marketer talking about MCPs and NA to end workflows? Right? So the same way that Cursor surrounded a smart AI models with tools it needs to create apps the user wants, 00:06:41.885 --> 00:06:46.845 boring marketer is surrounding smart AIs with relevant tools so he can create content, 00:06:47.360 --> 00:06:48.160 copy, 00:06:48.480 --> 00:06:49.120 um, 00:06:49.360 --> 00:07:02.235 and different things like that, like anything that's relevant to marketing. Right? So he's creating his own code base, if you will, uh, of, like, marketing topics and giving AI agents access to YouTube summarizers, 00:07:02.235 --> 00:07:05.515 AI ad copy creators, maybe the doc like, documents 00:07:05.675 --> 00:07:07.035 to his voice, 00:07:07.275 --> 00:07:08.955 um, allowing it to 00:07:09.115 --> 00:07:13.755 scrape other people's websites. And I've come around to the term vibe marketing 00:07:13.835 --> 00:07:14.955 and 00:07:15.570 --> 00:07:21.890 just because I have to, I just have to accept that it it's just gonna win. And I think MCP 00:07:21.970 --> 00:07:30.290 and n eight n, the reason why he's talking about this is I think it is the two best ways right now to kind of give AI agents tools. 00:07:30.290 --> 00:07:33.325 Okay. At least for this specific workflow 00:07:33.885 --> 00:07:36.045 because we're gonna be using Docker. 00:07:36.205 --> 00:07:37.325 Sam Altman, 00:07:37.325 --> 00:07:50.820 the cofounder of OpenAI, just said that it is the era of the idea guy, and he is not wrong. I think that right now is an incredible time to be building a startup. And if you listen to this podcast, chances are you think so too. 00:07:51.060 --> 00:07:53.220 Now I think that you can look at trends 00:07:53.620 --> 00:07:55.460 to basically figure out 00:07:55.860 --> 00:08:01.565 what are the startup ideas you should be building. So that's exactly why I built ideabrowser.com. 00:08:01.565 --> 00:08:07.805 Every single day, you're gonna get a free startup idea in your inbox, and it's all backed 00:08:07.885 --> 00:08:08.605 by 00:08:08.765 --> 00:08:25.820 high quality data trends. How we do it? People always ask. We use AI agents to go and search what are people looking for and what are they screaming for in terms of products that you should be building, and then we hand it on a, you know, silver platter for you to go check out. 00:08:26.300 --> 00:08:30.565 Um, we do have a few paid plans that, you know, take it to the next level, 00:08:30.885 --> 00:08:39.605 give you more ideas, give you more AI agents, and more almost like a chat GBT for ideas with it. But you can start for free ideabrowser.com. 00:08:39.605 --> 00:08:46.380 And if you're listening to this, I highly recommend it. So Docker is traditionally it's like a pretty technical 00:08:46.540 --> 00:08:47.340 platform. 00:08:48.220 --> 00:08:48.860 Um, 00:08:49.180 --> 00:08:50.620 but I 00:08:51.180 --> 00:08:54.940 I just ended up seeing that they created this MCP toolkit. 00:08:55.180 --> 00:09:00.685 And since I already had Docker on my computer, it made it really easy to just add tools. 00:09:00.765 --> 00:09:04.365 So if you if you go to Claude right here, you'll see 00:09:05.085 --> 00:09:12.285 if you're just starting out on Claude and maybe you have it downloaded for the first time, you're not gonna see anything down here. You're just gonna see nothing. 00:09:13.070 --> 00:09:22.510 In order to give it access to tools, you need to, like, you need to go to Docker or any other tool. I think Composeo does something similar. 00:09:22.830 --> 00:09:24.590 I I'm not specifically 00:09:24.830 --> 00:09:31.705 it doesn't matter which platform you use. Docker's just the one that I use. And so if you go to MCP Toolkit, 00:09:31.785 --> 00:09:38.345 you can go to catalog, and they have a 116 tools that you have access to. And they're adding a ton more apparently. 00:09:38.985 --> 00:09:49.900 And so this is kind of like, you know, Zapier. Zapier has, like, so many integrations with all these different tools, and I think that's where this is headed, where basically all of these 00:09:50.460 --> 00:09:53.820 external tools that you might need are just gonna be in a giant catalog. 00:09:53.980 --> 00:09:57.180 And so, for example, like, we could add FireCrawl, 00:09:57.180 --> 00:10:01.765 which searches the Internet. For this this one, you're gonna need a ton of configuration 00:10:01.765 --> 00:10:22.240 keys, so I may not use this one right now, and that's where this is still annoying. I can't wait for the client that comes in and handles the keys for something like FireCrawl, then we just pay one company instead of having to set up accounts on all of them. Which is a startup idea in itself. Like, why doesn't right? A thousand percent. That is one of the biggest 00:10:22.560 --> 00:10:32.085 startup opportunities right now. I think people understand that. So I think people would just realize that this is a much tougher problem than people think, um, connecting all of these together, 00:10:32.325 --> 00:10:40.165 um, for many reasons, which we don't need to get into. But I wanna talk about my two favorite tools that I've used so far. The first one is Notion, 00:10:40.245 --> 00:10:42.085 and the second one is Glif. 00:10:43.000 --> 00:10:43.720 And 00:10:43.960 --> 00:10:45.560 this Glif tool 00:10:46.120 --> 00:10:49.800 is literally like creating AI employees, 00:10:50.360 --> 00:11:02.025 and you can basically create an AI agent that has access to little AI employees. And I'll explain that more in a second. But let's start off with the Notion tool. Right? So whenever you wanna enable a tool on on on Docker, 00:11:02.905 --> 00:11:04.185 once you enable it, 00:11:04.825 --> 00:11:10.025 on Notion, there's, like, this little integration token you need. Right? You'd basically need to give it your account's 00:11:11.170 --> 00:11:17.090 key so it knows which account that it's using, and you can very easily find that. So let's go ahead and open up Notion. 00:11:18.290 --> 00:11:21.170 And my this I have a Notion, 00:11:22.050 --> 00:11:31.055 uh, team space that's literally called agent mind. It's made for AI agents. And so the home page of this and by the way, this is where I keep 00:11:31.455 --> 00:11:38.655 a lot of my content stuff. It's the the top of the page is, uh, here are your instructions if you are reading this, AI agent. 00:11:39.790 --> 00:11:44.430 And so it's made for AI agents to be able to navigate it because with MCP, 00:11:45.230 --> 00:11:49.710 it can do all of the tasks that I do on Notion manually. It can do, 00:11:50.350 --> 00:11:51.870 um, with MCP. 00:11:51.870 --> 00:11:53.355 And, again, MCP 00:11:53.355 --> 00:11:55.515 is just giving an agent tools 00:11:55.675 --> 00:11:57.195 for the sake of this video. 00:11:57.595 --> 00:12:02.715 And so what we can do is we can let's go half screen here. 00:12:03.595 --> 00:12:05.035 And when you use Docker, 00:12:06.080 --> 00:12:31.255 you make sure that it is, like, still on. Like, don't exit out of it. You get access to the tools, but it needs to be running. That's the MCP server running just by having Docker open. And so when I go here, I will see all of my Docker tools that I've enabled. And so I have all of my glyph tools and all of the Notion tools, which is a total of 31 tools. So these are all of them that it can do. And so now we can say something like 00:12:32.055 --> 00:12:33.975 so in Notion, I have a content 00:12:34.295 --> 00:12:36.775 I have a how to create content SOPs. 00:12:36.775 --> 00:12:45.630 Right? I have this page right here. And so this goes over, like, short form hooks, long form hooks. And so I can ask it. I can say, um, 00:12:45.950 --> 00:12:47.310 look at, 00:12:48.910 --> 00:12:51.150 um, at my short 00:12:51.655 --> 00:12:52.615 form 00:12:53.975 --> 00:12:54.855 hooks 00:12:54.855 --> 00:12:56.615 in this database 00:12:57.495 --> 00:12:58.695 and write 00:12:59.335 --> 00:13:02.055 what's an a tech news thing that came out recently? 00:13:07.570 --> 00:13:12.770 Dude, I'm so overwhelmed. Oh, Dia browser. Dia browser. Oh, yeah. Short 00:13:13.810 --> 00:13:17.730 form hooks in this database. Write short form content 00:13:19.425 --> 00:13:22.865 about the new Dia browser, 00:13:24.145 --> 00:13:24.945 search 00:13:25.025 --> 00:13:26.385 the Internet 00:13:27.505 --> 00:13:28.225 first 00:13:28.465 --> 00:13:29.105 and 00:13:30.945 --> 00:13:31.825 and 00:13:31.905 --> 00:13:32.705 find 00:13:32.865 --> 00:13:33.185 info. 00:13:33.730 --> 00:13:39.890 Right? In this case oh, wait. I need to tell it to use Notion because we haven't set up our custom prompt. So use 00:13:40.370 --> 00:13:41.170 Notion 00:13:41.170 --> 00:13:41.890 MCP, 00:13:43.010 --> 00:13:46.850 and I'll show you how to avoid having to do this every time in just a second. 00:13:47.170 --> 00:13:48.370 Use Notion MCP. 00:13:51.025 --> 00:13:53.025 Find the database 00:13:53.425 --> 00:13:54.225 below 00:13:55.025 --> 00:13:55.825 and, 00:13:56.545 --> 00:13:57.185 um, 00:13:57.745 --> 00:13:58.385 write 00:13:58.545 --> 00:13:59.265 three 00:13:59.425 --> 00:13:59.985 options. 00:14:00.860 --> 00:14:08.300 So right now, we're just giving it instructions, and there's no system prompt for this. So right now, it's using a tool. Right? 00:14:08.700 --> 00:14:12.300 More and more of these chat apps, like ChatGBT, 00:14:12.460 --> 00:14:20.985 Claude, have tools just built into them. Right? Claude, three weeks ago, didn't have search or maybe a month ago didn't have search. Now it has search. 00:14:21.225 --> 00:14:30.025 Here, it's actually doing API post search, so it's actually finding see. Perfect. I can see there's a short form hooks page. Let me grab the contents from that page and understand the hook structure. 00:14:30.680 --> 00:14:38.920 Okay. I see there are tables with hooks. Let me grab the content of these tables to see the hook structures. Great. Now let me search for information about the Dia browser. 00:14:39.080 --> 00:14:40.440 So it 00:14:40.600 --> 00:14:41.320 searched, 00:14:41.480 --> 00:14:43.880 um, all of my all of the available 00:14:44.600 --> 00:14:45.480 Notion database, 00:14:45.945 --> 00:14:52.105 and then it found the how to create content database. Then it found this short form hooks, 00:14:52.345 --> 00:14:52.905 and 00:14:53.305 --> 00:14:53.865 now 00:14:54.265 --> 00:14:55.785 it's giving us options. 00:14:56.025 --> 00:14:59.785 So here are the two options. Right? And we can see this. 00:15:01.510 --> 00:15:05.510 Today, I realized that browsing the web is about to change forever. 00:15:05.750 --> 00:15:11.670 Right? If we go into short form hooks, we can see that one of those hooks is today. I realized that. 00:15:12.150 --> 00:15:12.390 And 00:15:13.675 --> 00:15:16.235 and so in terms of, like, a biz 00:15:16.795 --> 00:15:18.635 in terms of business ideas, 00:15:19.115 --> 00:15:23.595 some of the best business ideas might literally come from collecting good examples. 00:15:23.995 --> 00:15:25.915 I mean, look at this example. Right? Like, 00:15:26.500 --> 00:15:40.895 AI never gave me good hooks until I created this little hooks database. So whenever I'm scrolling, like, if I find a hook that I like, I'll just write it in this database really quickly. And that in and of itself could be a huge company if you can, like, provide 00:15:41.935 --> 00:16:03.510 the right context. Maybe you have, like, some custom system instructions at the top. Like, if you're writing I don't know. You you have to find the sauce. And so it's all about finding the right output, giving really good examples to get that output. There's a lot of really good business ideas in that space. Right? The next one was this feels illegal to know. And so I'm sure that's on here. This feels 00:16:03.910 --> 00:16:09.695 illegal to know. Right? And so it's pulling that. And so now what we can do is we could just say, like, 00:16:10.975 --> 00:16:12.335 can you please 00:16:12.895 --> 00:16:15.695 add these as separate, 00:16:16.335 --> 00:16:17.935 um, entries 00:16:18.015 --> 00:16:19.695 in my content 00:16:19.695 --> 00:16:20.655 database? 00:16:21.055 --> 00:16:21.695 And 00:16:22.150 --> 00:16:22.870 now, 00:16:23.510 --> 00:16:25.750 um, it should, in theory, 00:16:26.070 --> 00:16:31.750 add them to the content database because it not only can read things from it, it can also, 00:16:32.470 --> 00:16:35.830 um, paste things. It can type things. It can add comments, 00:16:36.495 --> 00:16:45.295 which is my favorite feature actually is being able to add comments on what I'm doing so it doesn't change what I've written, but it'll, like, provide feedback and give me options. 00:16:46.415 --> 00:16:47.775 Is this all making sense? 00:16:48.095 --> 00:16:53.250 It makes sense. One thing I was thinking about is, you know, how how should we think of MCP 00:16:53.250 --> 00:16:53.890 versus 00:16:55.090 --> 00:16:56.770 Claude artifacts? 00:16:57.010 --> 00:17:02.930 How should we think of MCP versus Claude artifacts? So Claude are so it just added it 00:17:04.125 --> 00:17:07.485 here. So you can actually get Quad. 00:17:08.205 --> 00:17:13.005 You could make a custom project within Quad and give it instructions that, like, anytime 00:17:13.165 --> 00:17:14.525 it creates an artifact, 00:17:15.260 --> 00:17:25.740 you could get it to also upload it to whatever database you're working in. I've always found that that for me, like, one of the biggest things is whenever I create something with AI, it kinda gets lost. And I 00:17:26.540 --> 00:17:35.775 especially if I, like, edit it or change it, I like to store it somewhere. So that's one thing that's really useful for me is being able to quickly just tell AI to store it somewhere. 00:17:36.815 --> 00:17:39.135 Artifacts is obviously this separate 00:17:39.455 --> 00:17:43.620 feature. I I don't they're not like I don't know if they're complementary, 00:17:43.780 --> 00:17:48.580 but Claude basically just renders your chats on the side window. 00:17:48.900 --> 00:17:56.660 And you can share them. You can edit them. I think you oh, you can't edit them on Claude directly. You have to, like, highlight it and tell AI to do it. 00:17:57.475 --> 00:17:58.595 On OpenAI's 00:17:58.595 --> 00:18:01.235 kind of version of this is their Canvas feature. 00:18:01.395 --> 00:18:02.515 Gemini 00:18:02.515 --> 00:18:07.875 has a Canvas feature. I know XAI is working on a Canvas feature, so they're all kind of adding this. 00:18:08.835 --> 00:18:13.780 I personally think, at this point, they're a little overrated. Like, I hardly ever use them 00:18:14.100 --> 00:18:15.220 just because 00:18:16.340 --> 00:18:21.380 I don't know. Do you use the artifacts on quality? That's kinda that's what I was getting at really, which is, like, 00:18:23.275 --> 00:18:28.475 I'm trying to find a way to use artifacts just because it's it it looks like a core feature, 00:18:29.035 --> 00:18:30.315 but I'm kinda like, 00:18:30.635 --> 00:18:42.160 I don't know if I'm dumb for not using it. Like you know? So Claude Artifacts was one of the most impactful features for me because it allowed me to, like, render like, say, like, create front end component 00:18:42.320 --> 00:18:42.960 and 00:18:43.440 --> 00:18:45.200 or, like, create a landing page 00:18:45.600 --> 00:18:58.995 to mock up and build it, and it would render it right there. It was the first time because Claude Artifacts was the first one to do it. Now there's so many tools that do that, and they allow you to add AI features, and they allow you to add back ends that, like, 00:18:59.875 --> 00:19:08.930 it's just not what I really wanna be doing. I know that, um, in the episode that I did with Boring Marketer, he had a really cool way of doing it where he's using MCP, 00:19:09.170 --> 00:19:23.195 and he's bringing in information. Right? So the same way that I'm searching the Internet, he's he's deeper in the trenches in terms of, like, analytics, like, where he'd, like, scrape Reddit for specific things. And then he would take the information and render it in 00:19:24.395 --> 00:19:25.755 in the 00:19:25.995 --> 00:19:27.595 you know, like, he would say something like, please 00:19:28.510 --> 00:19:29.390 create 00:19:29.470 --> 00:19:30.750 an artifact 00:19:31.390 --> 00:19:32.110 of 00:19:33.630 --> 00:19:34.910 actually, we could say, 00:19:36.190 --> 00:19:37.070 create 00:19:37.150 --> 00:19:38.670 a mermaid 00:19:39.230 --> 00:19:40.190 diagram 00:19:40.350 --> 00:19:42.670 of all of the new 00:19:43.385 --> 00:19:44.265 features 00:19:44.345 --> 00:19:44.985 of 00:19:45.225 --> 00:19:50.985 Dia. Right? And so you can actually go out, find external information, and this will actually just, like, render this 00:19:51.465 --> 00:19:53.465 in here. And Mermaid is 00:19:53.705 --> 00:19:55.305 Mermaid is a very 00:19:55.625 --> 00:19:56.025 cool, 00:19:57.570 --> 00:20:03.890 like, little coding language that renders this code in a really cool way. You're gonna see it in a second. It's very cool. 00:20:05.730 --> 00:20:07.570 And it makes information 00:20:07.570 --> 00:20:08.290 more 00:20:09.365 --> 00:20:10.245 visual, 00:20:10.325 --> 00:20:16.165 which I love. I'm very visual. And, of course, this is, like, the wackest diagram ever. That's, like, horizontal. 00:20:16.325 --> 00:20:17.205 But 00:20:17.925 --> 00:20:23.765 but but if by the way, if you copy this and you go to a tool like 00:20:25.340 --> 00:20:27.020 if you go to 00:20:28.620 --> 00:20:32.860 if you ever use Mermaid, you can go to mermaid.live 00:20:33.340 --> 00:20:37.100 is a much better renderer. Right? This code right here 00:20:37.975 --> 00:20:41.415 is rendering to this. This is still gonna be pretty horizontal, 00:20:42.295 --> 00:20:44.775 but it makes it easier to, like, 00:20:45.815 --> 00:20:49.015 see it, in my opinion. And you can edit things directly. 00:20:50.440 --> 00:20:55.960 But it it just made, like, a really horizontal diagram, which makes it, like, really hard to read because it included everything. 00:20:56.120 --> 00:20:59.640 But you can see here that how do I get rid of this thing? 00:21:01.320 --> 00:21:05.160 But it's, like, d a first browser. You can see that it's, like, a personalization 00:21:05.160 --> 00:21:05.560 engine, 00:21:07.135 --> 00:21:18.575 etcetera, etcetera. So that's just one little side thing. But what I wanna get to, what I really wanna focus on is the idea of having little workflows that you can run like they're little AI employees. 00:21:19.020 --> 00:21:20.700 So if we go 00:21:22.060 --> 00:21:27.660 me go back to this. So let me go to glyph.app. 00:21:28.300 --> 00:21:32.380 This is a tool that I just found randomly that, like, I think is so 00:21:32.505 --> 00:21:38.505 is the easiest workflow builder out of all of them, and you don't need external API keys. Like, 00:21:38.745 --> 00:21:44.345 I actually couldn't believe that because I've been hearing about this tool, I thought it was just, like, kind of like like 00:21:44.825 --> 00:21:46.905 some comfy UI builder. It's not. 00:21:48.480 --> 00:21:51.280 So here, let me show you. So what I created 00:21:51.360 --> 00:21:52.720 the other day was this 00:21:54.400 --> 00:22:01.680 so there's this workflow. Right? And these are really easy to make. You can edit. So, like, you have, like, an input image. 00:22:02.960 --> 00:22:03.520 And 00:22:04.345 --> 00:22:06.745 here. Let me go like this. I'm just gonna 00:22:07.865 --> 00:22:09.145 there's Greg. 00:22:10.505 --> 00:22:12.265 So now we can drag 00:22:12.505 --> 00:22:13.545 Greg 00:22:13.785 --> 00:22:14.665 into there. 00:22:15.065 --> 00:22:15.705 Right? 00:22:15.865 --> 00:22:16.745 And 00:22:17.225 --> 00:22:31.500 we can just run this glyph. And so it's gonna go through this workflow. Right? And there's a step in here called fix ratio. I didn't create that. Because glyphs are default public, you can just constantly remix other people's, 00:22:31.500 --> 00:22:32.540 um, flows. 00:22:33.205 --> 00:22:38.005 And why am I showing you this? You're like, alright. Why is he using a different tool? Because on the 00:22:39.125 --> 00:22:40.005 shut up. 00:22:41.685 --> 00:22:49.190 See? And you can just, like, create these little workflows, and so you can make them this this transfers them to be vertically oriented. 00:22:50.150 --> 00:22:50.710 And 00:22:51.590 --> 00:22:55.590 yeah. And so you these little workflows are called, like, VibeCode hack. 00:22:55.750 --> 00:22:56.310 So 00:22:56.630 --> 00:23:02.795 after you have set up the Docker integration, right, after you've set up the Docker integration 00:23:02.795 --> 00:23:03.915 for Glif, 00:23:04.315 --> 00:23:10.875 then in Claude, what we can do is let's just go ahead and open up a new chat and be like, what 00:23:11.435 --> 00:23:12.155 Glif 00:23:14.140 --> 00:23:15.260 workflows 00:23:15.660 --> 00:23:17.340 have I created 00:23:17.820 --> 00:23:20.940 that I can use? And this 00:23:21.180 --> 00:23:22.780 uses the MCP, 00:23:23.340 --> 00:23:31.875 and it sees all of your glyphs, all of the glyphs that I created. That one was called vibe code hat for my company. There's another one called you'd get YouTube thumbnails. 00:23:32.115 --> 00:23:33.715 And so here are 00:23:34.195 --> 00:23:37.555 so we have this, like, thumbnail ideator real 00:23:37.715 --> 00:23:38.835 photo realistic. 00:23:38.915 --> 00:23:40.750 And so I'm 00:23:40.750 --> 00:23:42.430 making a video 00:23:42.510 --> 00:23:43.310 on, 00:23:43.390 --> 00:23:45.550 um, using Docker 00:23:45.870 --> 00:23:47.550 for MCP. 00:23:48.270 --> 00:23:49.550 Please use 00:23:50.110 --> 00:23:50.910 this, 00:23:51.230 --> 00:23:51.870 um, 00:23:52.270 --> 00:23:54.350 to make a thumbnail, 00:23:54.835 --> 00:23:56.915 And then you can include, like, it 00:23:57.395 --> 00:23:58.515 empowers 00:24:00.275 --> 00:24:01.795 the Claude 00:24:02.115 --> 00:24:02.915 agent 00:24:03.155 --> 00:24:04.435 for better 00:24:09.980 --> 00:24:11.900 agent, so it's 00:24:12.140 --> 00:24:15.580 10 times smarter. Right? We can add some, like, buzzwords in there. 00:24:15.900 --> 00:24:18.620 And so we can just run this. 00:24:19.020 --> 00:24:19.660 And 00:24:19.900 --> 00:24:21.100 let me see if this works. 00:24:22.435 --> 00:24:50.010 Okay. So it's running that same glyph. So right now, it's doing the equivalent. Everything that we could do in here where we, like, go because we would have to click here. We have to say your glyphs. We'd have to find thumbnail ideator, and we can do that. I still do that all the time, but it's very nice to be able to just use them in the chat interface. And you can tell it to use if you have, like, four different workflows, you could say run all four of them with this one prompt, and it will just run them. And, like 00:24:52.085 --> 00:24:56.485 right and so what it's doing, this is a longer workflow where there's like 00:24:57.365 --> 00:24:58.725 it takes your idea. 00:24:59.205 --> 00:25:05.380 And by the way, you could say search the Internet, come up with a good prompt for it, and then give it to this workflow, 00:25:05.620 --> 00:25:09.700 and it will go through this long process. And this is my thumbnail ideator 00:25:10.020 --> 00:25:13.140 thing. So it basically generates five different thumbnails 00:25:13.540 --> 00:25:22.325 and puts them on a canvas with a title so I can get an idea of which one I wanna do, and then maybe I'll screenshot my favorite two and send them to my thumbnail guy. 00:25:22.885 --> 00:25:24.965 And that's kinda how I come up with ideas. 00:25:25.285 --> 00:25:30.005 And it's doing this process here, and it's also doing it on quads. 00:25:30.005 --> 00:25:31.045 Any questions, Greg? 00:25:33.290 --> 00:25:35.770 It's it's funny because Glyph, 00:25:36.410 --> 00:25:39.530 I've seen, but I always wrote it off. 00:25:40.250 --> 00:25:47.925 I don't know what it what is about it, but I do think like, going through this now, I mean, this is I don't believe that 00:25:48.805 --> 00:25:52.245 most people are actually gonna go create n eight n workflows, 00:25:52.325 --> 00:25:53.525 make workflows, 00:25:53.605 --> 00:26:00.970 Zapier workflows. Like, I don't think that they should. Like, I think the future of all of this is you're just remixing other people's workflows. 00:26:01.050 --> 00:26:09.610 Yeah. So, like, this to me makes a lot of sense. No. I 100% agree. Like, I'm trying so I've been, like, learning NaN, and I've actually gotten, like, quite good at it. 00:26:10.250 --> 00:26:13.930 But I agree with you. Like, it actually requires, like, some pseudotechnical 00:26:14.465 --> 00:26:23.265 knowledge that, like, I just don't believe. So look at this. Like, it went through this full workflow, and here we have five thumbnails that we can choose from. 00:26:23.505 --> 00:26:30.530 So, yeah, that's the output of Lyft. Like, what do you think? Like, these are pretty good thumbnails, right, for just, like, quick ideation 00:26:30.770 --> 00:26:33.570 thumbnails, and it also puts a title there as well? 00:26:34.130 --> 00:26:42.610 I mean, do mean? These are these are dope. Like, I I I spend a lot of time I spent some time coming up with thumbnail ideas, and, like, these are, 00:26:43.205 --> 00:26:51.365 you know I think I'm good at it, but, like, these are as good if not better. And you wanna know what's funny? You wanna know what's funny? Is you are 00:26:51.925 --> 00:26:52.725 part 00:26:53.125 --> 00:27:10.700 so remember I talked about examples earlier. Right? We talked about really good examples. That's my secret now. I collect examples. Like, I wanna hire someone full time, and all they do is just pull they're just finding really good examples. So part of the input of this Claude step right? So you just type your idea, 00:27:11.180 --> 00:27:16.615 and there's I don't this I can make a whole video on this. So I'm not gonna go too deep into the details. 00:27:16.935 --> 00:27:21.175 But one of the things is that it is looking at this PDF. 00:27:21.175 --> 00:27:22.855 And so, like, what is this PDF? 00:27:22.855 --> 00:27:25.415 Right? It's downloading this PDF right here, 00:27:25.815 --> 00:27:26.375 and 00:27:26.775 --> 00:27:27.895 we can see 00:27:28.310 --> 00:27:32.470 what it's doing is it's looking at these thumbnails that I've saved. 00:27:32.710 --> 00:27:37.990 And since Claude you it doesn't just, like, convert this into text. It can actually ingest a PDF, 00:27:38.230 --> 00:27:45.455 see all of them, decide which ones it wants to make, and then it uses it as an example here. And so, obviously, we have some Callaway, 00:27:46.095 --> 00:27:52.175 Cleo Abram. I think she has thumbnails. Shout out Greg Eisenberg. You you know, like you and so it's basically this 00:27:53.695 --> 00:27:54.815 and and so, 00:27:55.375 --> 00:27:59.560 yeah, and so I just give it some really good examples. You can make this as long as you want, 00:27:59.880 --> 00:28:03.000 and you can make this as sophisticated as you want. However, 00:28:03.240 --> 00:28:14.775 I always recommend starting with simplicity if you're just starting out. Like, make it very simple. Maybe only use Greg's thumbnails, and also make it use his face and and just rip it. No. I'm just kidding. But 00:28:15.335 --> 00:28:17.815 yeah. And then it goes through all of these steps. 00:28:18.215 --> 00:28:24.455 And so if you get really good at these workflow builders, now you can start thinking of yourself as, an orchestrator 00:28:24.455 --> 00:28:30.210 of an AI agent that also has access to this. Because the the what I'll close on is this. 00:28:30.930 --> 00:28:31.570 Right? 00:28:31.730 --> 00:28:45.075 You're like, okay. You're probably thinking, okay. This seems cool. You can you can set it up on Notion so it can read things. It can create things. You also have this workflow builder. So if you're kind of, like, working on an idea, you can pass your ideas to this workflow builder. 00:28:45.395 --> 00:28:47.155 What you need to do 00:28:47.395 --> 00:28:55.075 like like, sounds kind of annoying to have to type that in every time. You can create projects. And so I've created one called VibeCode CEO. 00:28:55.155 --> 00:28:59.840 Right? And what it does is, like, you're the CEO of VibeCode. You answer questions 00:29:00.400 --> 00:29:10.000 in order to create content. It's like the the CEO of the content team. And so it says you have access to Notion. This is the most important tool you have access to. Use it. 00:29:11.075 --> 00:29:16.755 When asked to make content, please comment on the actual blocks or when asked to comment on 00:29:18.595 --> 00:29:19.395 wait. 00:29:23.475 --> 00:29:24.675 Found a little mistake in there. 00:29:25.690 --> 00:29:43.405 And then I also have these, like, little fun little things where if I ever put double brackets around something and I were to say, uh, resolve comments, that's just my thing where it's just gonna go through the current Notion page, and it's gonna look for single brackets and double brackets. If it sees double brackets, 00:29:43.885 --> 00:29:50.205 I want a thumbnail. So I want it to use that thumbnail glyph, and it will paste the link into the comments. 00:29:50.445 --> 00:29:55.510 And so it'll literally just, like, doink. It'll paste it in there. It won't crowd the page. 00:29:55.750 --> 00:29:58.150 The AI will comment on it. And, 00:29:58.630 --> 00:30:11.795 um, and you'll even see that whatever you name your Notion integration, which I actually will show you that real quick for those of you who actually wanna just, like, practically try this, which I recommend. It's the best way to learn. If you go on Notion and just hit settings 00:30:11.875 --> 00:30:14.195 and you click on connections 00:30:14.435 --> 00:30:16.035 and you click on 00:30:16.195 --> 00:30:18.355 this develop or manage integrations, 00:30:18.930 --> 00:30:21.730 this is the key that you're gonna need to plug into 00:30:22.050 --> 00:30:24.050 Docker. Oh, yeah. I set up Dia. 00:30:25.170 --> 00:30:26.370 Dang it. Yeah. 00:30:27.170 --> 00:30:29.330 I did not want that to be my default browser. 00:30:33.765 --> 00:30:35.365 Right. Okay. So 00:30:36.085 --> 00:30:41.605 I have one called MCP Anj, who's my cofounder. I have one called n eight n. And, 00:30:42.085 --> 00:30:46.885 yeah, and so you can basically just create a new integration, and maybe you want this to be your content 00:30:47.260 --> 00:30:49.020 in integration. 00:30:49.580 --> 00:30:56.700 And then your associated workspace is gonna be the company. But I'll show you if certain times you may 00:30:58.300 --> 00:30:59.660 you may want to give 00:31:00.435 --> 00:31:10.035 certain MCP integrations access to only specific files within your code base. Right? You don't wanna give it you only wanna give it the marketing stuff. And so in access, 00:31:10.275 --> 00:31:11.875 right, you can hit select pages, 00:31:12.250 --> 00:31:16.170 team spaces, and that's why I've only given it agent mind. Right? 00:31:17.050 --> 00:31:33.905 There are other team spaces in there with, like, important sensitive information that we don't wanna give up, or it just wouldn't be relevant to the AI agent. It won't help it get any better. So part of your job as kind of the quarterback of the AI agent with access to tools is you need to decide what tools it has or hasn't. 00:31:34.065 --> 00:31:36.545 The more tools you give it access to without 00:31:36.705 --> 00:31:37.905 corresponding instructions, 00:31:38.540 --> 00:31:42.540 the more it's just gonna get confused, and it might actually make your life harder. And, 00:31:43.100 --> 00:31:46.940 yeah, and so you can give access to this. And so this token right here, 00:31:47.420 --> 00:31:51.820 um, I would hit show and copy, but I obviously don't want you to have access to my Notion. That'd be weird. 00:31:53.085 --> 00:31:54.925 You just go into Notion. 00:31:55.085 --> 00:31:57.725 You go to configuration, paste that key right there. 00:31:58.045 --> 00:32:00.205 Then every time you add a configuration, 00:32:01.725 --> 00:32:05.645 what you need to do is you need to go to clients. You need to disconnect from Claude. 00:32:06.180 --> 00:32:07.460 Quit Claude 00:32:07.940 --> 00:32:18.820 anytime you make changes, and you just basically need to restart the server. So you can just restart it back up, and then any changes you made to your MCP tools will actually be updated. 00:32:20.295 --> 00:32:20.855 And 00:32:21.735 --> 00:32:23.095 Does that all make sense? 00:32:23.495 --> 00:32:26.215 It does. Two two quick thoughts. One is 00:32:26.615 --> 00:32:31.175 we use Notion. I've been using it for years. I actually hate Notion. I find it sluggy 00:32:31.575 --> 00:32:32.455 sluggish 00:32:32.775 --> 00:32:34.775 and just, like, yeah, sluggish and slow. 00:32:35.700 --> 00:32:44.580 But all this MCP stuff is making me appreciate Notion again. Like, as long as I'm not spending time in the interface that much, like, I don't really care. 00:32:44.900 --> 00:32:46.020 That's the first thing. 00:32:47.060 --> 00:32:47.700 Yeah. No. No. 00:32:48.805 --> 00:32:56.725 Do you wanna go I guess I'll to respond to that, first of all, I'm not a huge fan of Notion. I'm not a huge fan of, like, note taking apps where you have a lot of creative freedom, 00:32:56.965 --> 00:33:05.380 uh, because, uh, anytime you try and collaborate, uh, things become unclear. Notion, there's just too many options and bells and whistles, in my opinion. 00:33:05.540 --> 00:33:06.100 But 00:33:06.420 --> 00:33:07.380 it is 00:33:07.940 --> 00:33:13.540 by far and I've tested all of these tools. Like, Google Docs is kind of a nightmare to do these similar work. 00:33:14.315 --> 00:33:19.595 You have to set up all these special integrations. You need many, um, see here. It says you could not 00:33:21.115 --> 00:33:24.235 attach to MCP Docker. Very interesting. But, um, 00:33:24.635 --> 00:33:31.700 uh, Google Docs makes it impossible. But Notion, literally every single action you could take in in Notion is now programmable 00:33:31.700 --> 00:33:49.645 through this MCP. So an AI agent can just do those things directly if it has access to the Notion MCP server with all of those different tools. You have to enable all of them, but you can't. Like, every single thing you could do, it can do in Notion. So, yeah, you now have this little AI agent that can do it. And if you set very specific, 00:33:50.045 --> 00:33:50.685 um, 00:33:51.005 --> 00:33:52.605 Claude project rules 00:33:52.605 --> 00:33:53.405 or, 00:33:53.565 --> 00:33:57.885 um, you put you can actually put the rules directly in Notion. So you can just say read the rules 00:33:58.450 --> 00:34:09.970 in Notion, then do your thing. So, like, make like, you just type into the system prompt in Claude projects to always follow the instructions on x page. So it'll look at that first, and then it will follow those instructions. 00:34:10.495 --> 00:34:22.175 Everything will stay organized. And you you're right. You basically never need to touch it. You just kind of write whatever you want in Claude, do research in Claude, and everything gets organized perfectly into your Notion, which is pretty cool. 00:34:23.230 --> 00:34:25.230 The second point I was gonna make is 00:34:25.470 --> 00:34:33.550 I think everyone should play with this. Set this up. Do it yourself. Like, stop listening to us. Like, go and go and get your hands dirty. At the same time, 00:34:34.030 --> 00:34:46.025 I think it's mind boggling how janky this experience still is today, like with the Docker and like, oh, you know, it gets disconnected. Oh, quit the app and then reopen it. It's it's bonkers. 00:34:46.345 --> 00:34:48.825 It's really bad. And I think 00:34:49.385 --> 00:34:55.630 I think most of the leverage most of the leverage from these tools comes from doing things 00:34:56.190 --> 00:34:58.750 when they're janky and bad, understanding 00:34:59.310 --> 00:35:14.405 that it's not going to be janky and bad. Right? I was interested in AI coding or now it's called vibe coding when it was really bad because I knew it would get really good. It got really good, and and you can, like, grow with the progress of technology. 00:35:14.645 --> 00:35:16.325 If you can't see 00:35:16.645 --> 00:35:21.365 the potential of this technology of, like, making your normal chat interface 00:35:21.720 --> 00:35:23.480 have access to tools, 00:35:23.800 --> 00:35:26.440 like, that is a failure of your own imagination. 00:35:26.520 --> 00:35:31.800 At least that's my opinion. Right? Because it is inherently useful to ground it in context 00:35:31.960 --> 00:35:38.685 that can search the web better. It can scrape the Internet. It can look through your Notion. It can do all these things. Is this process janky? Yes. 00:35:38.845 --> 00:35:49.085 But will it be solved by the end of the year? I think for sure. Like, I think Claude might build it in directly into their platform. They should. Anthropic, I know you're watching. Plug it into the platform. It'd be great. 00:35:50.810 --> 00:36:04.570 And make it easier. Like, make it as easy as possible on people to add these tools. And if, like, if Claude were to do this first, like, they could take a lot of the market share from, like, the prosumer crowd. I I truly believe that. Like, it's that important. 00:36:05.205 --> 00:36:09.765 We can we can end the pod here. Thanks for being so generous with your time. Riley, 00:36:09.925 --> 00:36:14.645 I know by the time this is out, VibeCode app will be live. 00:36:16.165 --> 00:36:21.290 People could can you can you give a quick one liner on it? We're building the, uh, cursor, 00:36:21.450 --> 00:36:28.650 uh, on your phone that builds mobile apps. So you open a mobile app, you type your idea, it builds a mobile app, 00:36:29.050 --> 00:36:29.530 and 00:36:30.010 --> 00:36:34.895 it's awesome. I've been working on it ten hours a day to twelve hours a day for 00:36:35.135 --> 00:36:39.135 three and a half months straight. We're building a team in San Francisco. It's gonna be awesome. 00:36:39.935 --> 00:36:48.360 Check it out if you want. Um, Yeah. We're doing a launch video. It should go out tomorrow if all goes well. We filmed it yesterday, so it's a very tight time loop. But, 00:36:49.720 --> 00:36:52.440 yeah, thanks for having me on. I mean, 00:36:52.680 --> 00:36:54.760 Riley, not to make you blush, but 00:36:55.320 --> 00:37:09.855 I have I have a lot of respect for Riley and how simple he's able to explain things and how generous he is with all all he's doing and all the content he's putting out there. So highly recommend you follow him. I'll include social links where you can go ahead and do that. 00:37:10.415 --> 00:37:14.015 And, um, hope to see you soon, Riley. Appreciate it. Thanks, Greg.