Screenshot webpages with this Claude Skill and Zyte API

So one of the underrated feature of Zite in my opinion is the ability to take screenshot of any web page by just doing an API call. You don't have to worry about any antibbans. You just pass the URL your API key and you can get the screenshot of any web page. You can also get the full page screenshot by just doing an API call. So this is the documentation. The link will be in the description below if you want to read it out. But basically all you have to do is to pass the URL make screenshot equal to true and then you can pass the API key and it will fetch the screenshot like this. And I personally use and like this feature quite a lot because in today's time LLM models can also read the images and once that image is in the context window you can ask follow-up question and that is exactly what I want to showcase in today's video how I build a clot skill to take screenshot of any web page at scale using the Zite API. So let's get started. So this is the GitHub repository where the clot skill is available. It's available on my GitHub. You can download and start using it. Uh but long story short, this is the skill.md file which is the most important part of the clot skill. Basically, this defines that how you can take the screenshot using the Zite API. I'm using the curl request over here, but you can use the CLA client. You can also use the Python or whatever you prefer. uh but over here I have shared that this is the sample request and how you can check the URL is valid first of all before proceeding to the zite API call and then how to save the file what would be the file naming convention all that thing is available there and uh I will import it into my clot client and then ask it to take a screenshot uh you also need a Z API key so you can do it uh in your prompt or you can also export it in your environment whatever you prefer so how it works is you go to this repository and then you need to download it as a zip file uh down the line we're also thinking of creating more skills that is useful for web scrapers and developers. So when that happen this skill might move to a different repository and in that case I'll update the description below. But for now what you can do is you can go over here and download the zip file and cloud desktop app should be installed. I think it can also work on the cloud uh web version but I'm not really sure. I use this desktop client which is available so you can download it. Now the next thing you need to do is go to the cloud go to the settings and over here you need to find the capabilities tab and this keeps on changing. So just you know figure it out but over here you will find something called skills. It has moved to the customiz section and you can see there are some skills already available which is come factory bundled by the desktop app and then you can see my screenshot skill over here which I have already you know set it up but uh since you downloaded the zip file what you can do is you can go to the plus section and then you can upload a skill and over here you can drag the zip file and it will automatically fetch it and your window should look like this. So this is the same skill.md file that you can see over here. Make sure you have the skill enabled. And one more thing that you need to check is uh you go back to the settings and you need go to the capabilities. Make sure uh this particular domain allow list says all domains. By default, I think it comes with the package manager only but you have to do it to all domains otherwise the skill will not work. Now let's test it out. So what I'm going to do, I'm going to ask it to take a screenshot of this particular website. So this is the books to scrape and I'm on the philosophy page. So I'm going to say fetch me a screenshot of this page. uh use zite screenshot skill sometime it's automatically recognize it but if you want to enforce it then you can say something like this and then you can pass the API key. So you can say my API key is and let me copy the API key from over here. So you can also export the API key in your terminal but uh for now I'm just going to pass it like this. So now let's run it. When you run it for the first time it's going to take some time because it's going to set the environment. it gone and download the package which is not available but all the subsequent runs will be much faster. So you can see it's reading the skill.md file for you and it will first check the URL is valid. It will first uh do all the sanity check and check the API key and then it will make the site API call and get the screenshot for you. Uh one thing that I've also added is it will also bring that screenshot after it's downloaded into context window. So you can ask follow-up question. I'm going to show you that in a minute. So it's installing some packages and it runs in a sandbox environment. So often times it needs to reinstall the packages every now and then. Uh but hopefully you can define a fixed environment down the line. I think cloud will make that update sooner or later. So that will make it much more faster. Uh but let me fast forward it to when we have the screenshot. All right. So it has fetch the screenshot and now it's just renaming it and I've made it to rename it as per the URL I provided. So now it's going to get the screenshot in the context window and it will just take a second to show it to us in the cloud window itself. So here's the screenshot as you can see it looks uh same like this and you can also open it in your file window and uh the skill also says that you have to summarize what's in the skills screenshot. So it says the page displays books to script website philosophy category with 11 books and now because the screenshot is in the context window we can ask the follow-up question. For example, uh let's ask what's the price of the strangers. So I can say something like this. Uh what's the price of the strangers? And ideally it should say 17.44 and yes you can say 17.44. So yeah that is the skill. You have brought the entire screenshot in the context window and you can ask the follow-up question. So yeah now you can use the skill to take screenshots of any web page without worrying about antiman and you can do it at scale by providing multiple URLs. Uh again if you want to contribute to the skill feel free to make any changes and if you want to showcase anything that you have built using cloud scale or cloud mcb anything like that then definitely share it in our discord channel. And yeah, that is all for this one and I'll see you shortly.