NEW Google Gemini 2.0 + Cline 3.3 is INSANE (FREE!) 🤯
14:56

NEW Google Gemini 2.0 + Cline 3.3 is INSANE (FREE!) 🤯

Julian Goldie SEO 11.02.2025 17 876 просмотров 454 лайков обн. 18.02.2026
Поделиться Telegram VK Бот
Транскрипт Скачать .md
Анализ с AI
Описание видео
🚀 Get a FREE SEO strategy Session + Discount Now: https://go.juliangoldie.com/strategy-session Want to get more customers, make more profit & save 100s of hours with AI? Join me in the AI Profit Boardroom: https://go.juliangoldie.com/ai-profit-boardroom 🤯 Want more money, traffic and sales from SEO? Join the SEO Elite Circle👇 https://go.juliangoldie.com/register Click below for FREE access to ✅ 50 FREE AI SEO TOOLS 🔥 200+ AI SEO Prompts! 📈 FREE AI SEO COMMUNITY with 2,000 SEOs ! 🚀 Free AI SEO Course 🏆 Plus TODAY's Video NOTES... https://go.juliangoldie.com/chat-gpt-prompts - Join our FREE AI SEO Accelerator here: https://www.facebook.com/groups/aiseomastermind - Need consulting? Book a call with us here: https://link.juliangoldie.com/widget/bookings/seo-gameplanesov12 Insane Website and Game Building with Cline 3.3 & Google Gemini 2.0! In this video, discover how to build websites, tools, and games for free using Cline 3.3 integrated with Google Gemini 2.0. Learn how to set up Visual Studio Code, install Cline 3.3, and utilize various free models like Google Gemini Pro and OpenRouter. Watch as we create a fully functional SEO-focused landing page and game with step-by-step instructions. Additionally, get tips on customizing your projects, hosting on Netlify, and improving design aesthetics with Claude 3.5. Finally, explore the AI Profit Boardroom for more resources and weekly calls. 00:00 Introduction to Client 3 and Google Gemini 00:40 Setting Up Visual Studio Code and Client 3 01:24 Exploring New Features and Custom Instructions 02:23 Building a Website with Client 3 and Google Gemini 07:15 Enhancing Website Design with Claude 3.5 09:15 Creating an SEO Game with Client 3 13:08 Hosting Your Project on Netlify 14:08 Conclusion and Additional Resources

Оглавление (8 сегментов)

  1. 0:00 Introduction to Client 3 and Google Gemini 138 сл.
  2. 0:40 Setting Up Visual Studio Code and Client 3 153 сл.
  3. 1:24 Exploring New Features and Custom Instructions 210 сл.
  4. 2:23 Building a Website with Client 3 and Google Gemini 1062 сл.
  5. 7:15 Enhancing Website Design with Claude 3.5 440 сл.
  6. 9:15 Creating an SEO Game with Client 3 888 сл.
  7. 13:08 Hosting Your Project on Netlify 234 сл.
  8. 14:08 Conclusion and Additional Resources 184 сл.
0:00

Introduction to Client 3 and Google Gemini

Cent 3. 3 plus Gemini 2. 0 is absolutely insane so what you can see here for example is we built out this landing page literally one single prompt it's absolutely amazing and I'm going to show you exactly how we did it and how you can build it for free using the free API from Google Gemini plugged into client 3. 3 now this tool is so crazy that basically anyone on the planet can build games apps tools websites for free you don't need a coding degree it's not stressful there's no crying into keyboard anymore and we're going to get straight into it I'll show you how to set this up plus get the prompts tools templates Etc from today let's go Cline 3. 3 is absolutely insane so if you want to get this
0:40

Setting Up Visual Studio Code and Client 3

installed make sure that you have Visual Studio set up and then you can implement it directly with a bunch of free apis I'll show you exactly how to do this and how you can build websites tools Etc and apps even using client 3. 3 so to get this set up first of all download visual studio code it is completely free then from there once you've got that installed go to extensions then you're going to type in Clan and you want to install Clan now if you've already got it installed like me for example then we can right click on clein click install specific version and then we're going to go for kleim 3. 1 as you can see then we can restart this go over to clein and once you've got the current version you will see version 3. 3. 1 down here now there's a bunch of
1:24

Exploring New Features and Custom Instructions

new upgrades like you can see so for example now you can actually add light LM you can add my API models you can add new Gemini models they've even added open ai03 mini models and you've got DEC Reasoner inside there too there's also a bunch of stuff also for example you can add client ignore to block client from accessing specific file patterns you can add the keyboard shortcut you can fix bugs where new files won't show up in the drop down so what we can do inside the settings if you click on the gear tab in the top is we can select our provider so let's say we want to plug in open routa and then under here for example we get a bunch of free models so we can use deep seek for free R1 deep seek chat Google Gemini Etc so let's go with for example Google Gemini Pro this is the latest model you can see here the 5th of February and it is completely free for you to code now the cool thing about this is client is free Visual Studio code is free and Google Gemini is free right you can also insert some custom instructions here so for example
2:23

Building a Website with Client 3 and Google Gemini

let's say I'm building now for my SEO agency and I'm trying to create some tools or some websites I can say you're a coder for Goldie agency brand colors here information about us and then we'll put some details about what we do Etc over here inside the custom instructions Additionally you can insert some funnel links so let's say for example you're building our projects where you want to direct traffic to your funnel pages so we can set that up we'll say always have a CTA to book in a free SEO strategy session here all right and now it's got custom instructions about who we are what we do what we sell Etc and then every project can use those custom instructions now what I've actually done is for building out projects I actually have this Custom Tool it's inside the AI profit boardroom which is custom gbt for building out websites you can use this for clown Etc and I'm going to take this really long prom like you see right here is 180 words and we're going to take that plug it into Visual Studio code cuz the thing is if you don't have the right prompts you're not going to get the best outputs right and now it's beginning to build that out now at the bottom what you can see here is it's got a choice between plan and act right so this is a new feature and also if you press command shift and a you can toggle between these so planning project and actually building it out and also when you're setting this up it's always best to start a new folder so you can see here for example I'm going to click on open new folder SEO site and then all my project files for this particular website are going to be built into one place using client so if we go over to client now using the project that we just built we're going to take this prompt grab that go back to visual studio code plug this inside the details here and then we're going to hit enter and start building out that project now you can see it's building out in the terminal again this is not costing us any money to build this project out what you can also do is you can select inside your settings over here you can select Google Gemini instead of open router plugging your API key here if you're not sure how to get an API key you can get it from aist studio. goole. com so create an API key plug it in honestly that seems to be way better at coding and faster and easier than what we did PR previously so you can see now it's created the page if we run that we've got that page ready to go right with the custom links plus our custom branding right so you can see here I create this tool using the brand in using the button Etc and that was only using Google 2. 0 fl001 which is not the lat latest one so if we switch back now to Gemini 2. 0 flashlight preview and what we can also say inside the custom instructions to get better outputs here is we can give it some information on how to write the rest of the page right so you see here how it's just a basic page but you always want to be adding for example always add a navigation menu and then inside here I want say and add more information on the page every time you build not just at all Etc all right easiest to do that and then I've given it some details of me my source contacts who I am who we are Etc and also some information about us if you want the custom instructions from today I'll include that inside the AI profit boardroom along with the prompts and the custom gbt that I used to create the prompts for this particular model so if you go to the classroom inside the AI profit boardroom Link in the comments description then go to saps and then go to clim 3. 3 plus Gemini 2. 0 you'll find the details all right there along with our crash course plus weekly calls of us so let's go back to climb now when you H done we'll click on start new task plug in the prompt again right here and see if we get better outputs from that it's building out the app like you can see so we're building out this project using this prompt right here scating the style CSS it also problem solves itself so you can see here how it's fixing its own errors once it spots them now it's creating the script. JF building out the rest of the website structure and it's doing this all automatically for us right I'm not typing or clicking anything it's just running an autopilot building out a whole website and cool thing about this is like Gemini 2. flash is effect especially as you can tell by the name is super fast when it's building out like this is way faster than using something like seek and it API seems to be quite likey when you use stuff like deep seek also you can see how it's Custom Tailoring all the code and all the content Etc on the website to our business which is great one little tip as well if you ever get any errors on the API request or any limits here Etc then what you can do is just change the API halfway through right so you can switch to a different version of Google gini there's many different versions of flashlight Etc and then you'll get the output that you want and then once you're ready you say now let me see the website we can open it up and you can see it's built out the website right here honestly I'm not that impressed with the design but you can see how it's created all the content create links to our strategy session Etc we just need a better design on that so something that's really good for just add in finishing touches when it comes
7:15

Enhancing Website Design with Claude 3.5

to designing the website is clae 35 clae actually has computer built into the API which means that it can run the website have a look at it iterate it improve it until it's finally ready to go so if we say now okay analyze the we site design make it look more beautiful modern Sleek like it was built for $100,000 in 2025 and we switched down here to open router and call 3. 5 Sonic now you can see if we zoom in here and you can press command and plus if you want a map to zoom in on the chat we can X off that you can see he said right to make the website look more beautiful modern Sleek as if it was built for 100 G in 2025 I'll need to enhance the design significantly focus on improving the visual appeal adding modern Design Elements and refining the overall user experience I'll start by updating the CSS so you can see it's just running through all the CSS code right now if we open this up we'll run the command we have a much nicer looking website look at that and it's built out the content let's see how long the content is that is 552 words looks 10 times better than the previously did nicely set up obviously you would add your own images videos Etc that's going to be a big part of the design but you can see here how it's like created this website it's got links to our funnels directly it's all personalized to us it's even included some pricing packages which is just made up on the spot added a Blog section again you would add your images directly here and then a contact us form as well and you're ready and you're Off to the Races plus just to add that extra design Finishing Touch right so you built out the main content from the website for free then you're just going to add a few tokens for claw 3p5 Sonic if you really want to level up the design you don't have to I don't think design maners I think if you're just trying to get like a minimum viable project you don't even need to do that and you can see the API cost there is 30 cents right 32 cents to get your website set up to get a nice design it's ridiculously easy isn't it let's be honest all right so you now know how to build out a website and a landing page using this let me show you how you can
9:15

Creating an SEO Game with Client 3

build some games using this process and the thing is here as well this isn't just for fun like you can do this for business as well and you can tailor this to whatever you want like whatever industry you're in this doesn't just have to be for gamers like you can create a custom tailed game for whatever business you're in you can send that to clients to prospects you can rank it on Google there's many ways you can leverage that as a PR campaign as well to basically get more exposure for your brand and we can build this with Cent 3. 3 so for example if we type in SEO gain and we created a website around this like for example best SEO game. com you can see here it's pretty easy to rank for people are looking for it on Google decent search volume decent traffic potential and we could easily create that using clients so let me show you how to set that up so for example before we type in SEO game into keyword Explorer you can see here that it's pretty easy to rank for lots of people are searching it in Google as you can see 100 and so if we use this prompt inside client what we've done here is we've created it step by step so what I actually done is using my custom GPT for building prompts I've created this prompt right here let's see how long that is that's 272 words then we're going to go over to visual geio code we're going to start a new task over here and we're going to say okay generate a highly engaging interactive landing page we'll switch back to Gemini Flash and then we're going to hit enter like so that's going to run the API request and then we can just build out a game pretty simply right and it's planning out before we do it one of the best things you can do is obviously I'm doing this for a video right so this is a YouTube video I don't want to spend too much time creating that video but what you can do if you really want to get this right is you can select plan first inside Cent 3o then once you've got a really good plan and you've mapped out exactly what you need to make this work then you can click on act and then inside the ACT section that's where it's going to build out the code for you and everything else but just for the sake of Simplicity in the video I'm going to go straight to to acting I'm a man of action so it's building out the whole website right here what we actually asked it to do was make it SEO related right so you can see here for example it's like refining the game mechanics and it's any enemy types and it's even created and refined the game mechanics based on our industry right is like enemy types Implement different enemy types keyword stuffers slow load time bugs broken links duplicate content drones with different behaviors and scores it's even going to give an SEO score a win condition based on the SEO score to win and then you can see here it's built out the whole project now if you want to test it we'll say now run this game we can now open this up and like you can see it builds out the whole landing page with the game embedded right and if you look is defend your rankings battle SEO threats and win play learn and get a free SEO audit and then underneath has actually got a CTA to generate leads from that page links to our funnels also added like an explanation of what you get and how this works Etc and if you want to improve it then you can just go back to clim and be like okay you can insert the error plus improve the design all right and then once it's done and made those changes and again like we improve the design with CLA 3. 5 Sonic this cost us 0. 07 it's 7 cents the way that you can open these up is if you click on reveal in finder on the index. html then go over to a new tab inside Chrome plug that in you've got the game ready to go like you can see and then you can see it's working pretty nicely right there now also you can see here the design looks much nicer now it's got the theme of a game like an old school game as well which CLE just added and then we've got the details on how to use it Etc and we build that out in what like a few minutes just mess it around on a YouTube video so you can see here how you can build games you can build apps you can build tools using Cent 3. 3 with Google Gemini 2. 0 super powerful sprinkling in a little bit of clae as well we get like a much better output in terms of the design and we've customized this all to our business our brand Etc now if you're
13:08

Hosting Your Project on Netlify

wondering okay like how do you actually host these files let me show you how to do that so we can go on reveal and finder then from here we can click on add a new site important existing project try nlii drop and then we can grab that folder which we've got right here and we'll plug that into netlify that's going to upload and then if we open that up you can see that is hosted on a custom domain so additionally if you want to deploy this then just go to domain management at a domain obviously like something like Space Invaders I think you probably have to be careful about copyright so I'm not going to host that live or anything but you could easily say cre I can show you how to build with AI but I'm not a legal expert then if you wanted to host this on a custom domain you can put like game. com hit search that's ready to buy and host and as soon as you buy that the deployment of your game is going to be hosted on that live domain and you can do that in probably a space 15 minutes right using Klein and AI so really powerful stuff unbelievable what you can do with it and you know exactly how to do this step by step so thanks so much
14:08

Conclusion and Additional Resources

for watching what I've actually done is to plug the prompts and the tool inside the AI profit boardroom Link in the comments and description along with the custom instructions for play you also get workflows on like n81 agents computer use agents an AI crash course on how to save hundreds of hours based on the systems we've used to scale and additionally you'll get weekly calls in there too now if you want to get a free 1 to1 SEO strategy session Link in the comments and description we'll show you how we take websites from 0 to 145,000 BS this month and generate hundreds of thousands in sales and aut pilot on this free link building acceleration session you'll get a free SEO domination plan discover the secr SEO link building when any questions you have you learn the best link building strategy for your website plus how to quickly ranking competitors link building and how to 10s you have traffic based on what's working for us feel free to get that link in the comments description appreciate you watching bye-bye

Ещё от Julian Goldie SEO

Ctrl+V

Экстракт Знаний в Telegram

Транскрипты, идеи, методички — всё самое полезное из лучших YouTube-каналов.

Подписаться