WEBVTT

00:00:00.000 --> 00:00:31.690
I've been using Claude code every day for months and at this point there are five skills I generally cannot work without. Turn any of them off and my whole workflow is gonna fall apart. I'm gonna walk you through all five in the next few minutes, what they do, what I use them for, and exactly how to install each one of them. Some of these you've probably never heard of. One of them that turns Claude into a video editor, another one that fixes AI writing slop, and the last one that saved me six hours last week. So there's no coding required, nothing for you to actually have to configure. The whole setup for any of them takes literally under thirty seconds. The first skill on my list is the humanizer.

00:00:31.690 --> 00:02:10.420
So this turns AI generated slop writing text into text that looks and sounds a lot more human like. So I'm sure you have probably ran into this many times when getting AI to write literally anything for you where it just sounds like complete slob. It doesn't sound like you. It doesn't sound like a human obviously wrote it. And this is incredibly important when I'm writing YouTube video scripts, when I'm writing any social media content, really anything obviously that you'd wanna generate. You'd probably wanna use a skill like this and I've been using it and it's pretty good. So I'll have this GitHub repo for the humanizer skill linked in my free school community which you can access by using the top link in the description as well as all the other skills in this video as well. I'll jump into using this in just a second but I'll just scroll through the readme file that they have right here just to showcase exactly how it works. So one of the ways that they're able to get this text to sound a lot more human like is that they have a voice calibration, a part of their skill here. And so essentially, it is going to ask us for a sample of your writing style to match your voice. This is a pretty important part of this. I'm sure you've written stuff before. Anything that you can use, you can obviously insert into the skill right here. It's gonna be able to take reference from this to be able to write much more like you. Scrolling down a bit, you can continue to have a look through the skill file right here and just have a look at some content patterns and just a bunch of stuff that they have pre programmed in order for it to pick up on to be able to look through your style of writing and replicate that as best as possible. It does also have a lot of this, the common AI slop stuff. You can see here language patterns with sort of common AI words and phrases and rules of three and synonyms and all this stuff that they've gone through and found is just very commonly used by AI that, you know, normal human people in conversation

00:02:10.420 --> 00:02:33.510
would typically not use. So this skill is pretty easy to get set up. Ultimately, it is just a big markdown file with a bunch of instructions on how to output text better. You can see this before example with a big bunch of text with emojis and dot points and formatting that does obviously look very sloppy. And then after this, you've got the humanized version at the bottom here. So jumping into Visual Studio Code, I've just created a brand new folder here with my ClaudeCode instance.

00:02:33.670 --> 00:03:05.810
So before I use the humanizer skill, I'm gonna tell ClaudeCode right now to write an article on cats versus dogs, and then I'll get the humanizer up and compare its output to this. So here we go. Here's the article we got back about cats versus dogs. So here's what we've got, we'll compare that to the humanizer version. To go ahead and install the humanizer, honestly, the easiest way to go about installing stuff that's on GitHub, What you can literally do is take the public URL link of this GitHub repo, come back to your Visual Studio Code or Claude Code instance, and you can literally just paste in the link to that GitHub repo, to that skill, whatever.

00:03:05.970 --> 00:03:37.905
Because it is intelligent enough to be able to look on the Internet, do web search, gonna it's be able to have a look at this and access everything that it needs to related to that repo. And so I could just say, please install this skill, send it through, and then that's literally all you need to do. That's the easiest way, uh, to do this. You can see it has viewed the info. It's now gonna clone the humanizer skill, and I can say, yes. I am going to allow it to install this skill into my instance here. And there we go. That literally took less than ten seconds to get installed. If we go over to a new session here, I can do slash and then go down to slash humanizer.

00:03:37.905 --> 00:03:40.465
And by entering that command, we can see the humanizer,

00:03:40.465 --> 00:03:48.065
please write an article on cats versus dogs, and I'll send that through and see what we get back. Alright. So here's what we got back from the humanizer

00:03:48.065 --> 00:04:11.125
wrote article. If you'd like, you can go ahead and pause the video here if you wanna have a look and read through this script compared to this script right here and see which one you like better. But I think it's pretty clear when we have a look at exactly how they're structured and exactly what's going on, just how it reads as an article. So we can see here the debate between cat people and dog people is as old as domestication itself, obviously a very big word. It's then throwing in remarkably and companionship

00:04:11.125 --> 00:06:07.135
and all these fancy words. It sounds a little bit more like a TV show script as opposed to an article. And comparing this to the humanizer, it sounds a lot more human, which is the goal of this to sound a lot more human, and we can read through this as well. I've lived with both. This isn't gonna be neutral. Dogs wanna be near you. That's the whole pitch. And you can immediately tell that this is just a lot more human like. There's not so many big words. It is taking sort of a first person perspective. There's always gonna be work after this. One shotting it is never gonna be too easy, but I hope you can see that this is an incredible skill. Obviously, it can definitely be used for articles just like this, but also newsletter writing and blog posts and Instagram posts, all kind of social media content, YouTube script writing, literally anything that you want it to be just a little bit more natural. This is gonna be perfect for that. Alright. So next up we have this architecture diagram creator. So this is something that we use all the time in our agency. We build call flow diagrams for projects that we build for clients, and it takes a long time to create these workflow diagrams through your manual tools like Miro if you've used them before. Building all those visual diagrams takes a long time. And so this skill that I found right here is pretty good at being able to give it a set of instructions on how to best create these diagrams based on the instructions of what we're looking for. So this skill is on MCP market. It's essentially a big template marketplace library for a lot of other skills, so it's pretty useful if you wanna find skills like this, which is how I found it. And to install this, all we need to do is just click on download skill right here. Depending on how you're using it, you can choose how you wanna download it. Essentially, it's just gonna give you the skill dot m d file. So in order to install this, I just downloaded that zip file directly from MCP market. I've taken that zip file and added it directly into the folder on the left hand side of Versus Code right here and added it right here. It might be a little cut off at the screen, but it is right at the top here. And so all I'll tell my Claude code to do is go ahead and install the skill that it was uploaded via the zip file and it will do everything for us. And here we go. We can see the architecture diagram creator skill is now available and all installed for us. And of course, when jumping into a new session, we can see the skill all the way at the top here, which we can click on and it should initiate into this conversation.

00:06:07.135 --> 00:06:15.180
And now it's just asking me exactly what it wants a diagram for, so I'm just gonna tell it to please create a basic diagram. Maybe I want to basic and

00:06:16.060 --> 00:06:17.180
diagram

00:06:17.500 --> 00:06:20.700
for a an AI voice agent project

00:06:20.940 --> 00:06:23.260
that is able to book appointments,

00:06:23.580 --> 00:06:24.860
answer questions,

00:06:25.100 --> 00:06:26.540
and you can decide

00:06:26.700 --> 00:06:27.900
some other

00:06:28.140 --> 00:06:28.620
stuff

00:06:28.965 --> 00:06:33.605
that it does to hopefully just get this to build a good diagram for us that looks relatively

00:06:33.605 --> 00:06:38.885
useful and usable that we could obviously then send off to a client to map out a project or use,

00:06:39.205 --> 00:07:26.420
you know, for whatever need. Alright. So here we go. We've got our diagram back, and you can see here it's given us a legend for it. It has mapped out the diagram through multiple different stages with different colors and whatever. Obviously, didn't provide much detail on exactly what I wanted, but I'm sure that if I gave it more detail as to how I wanted to obviously look and be mapped out to, it'd be able to follow those instructions pretty well to build out the diagram and if we wanted to we could, you know, download this however we wanted to and export this and just tell Claude code to to do something for it. Next up on my list that I've been using all the time recently is Remotion. I did also recently create a video around Remotion specifically, but this has just been such an amazing tool to edit complete YouTube videos and edit the intros of the graphics of the YouTube videos. Essentially, this is can be very easily connected into Claude. You can see here we can prompt a video. Just scroll through here. It allows us to dynamically, through code,

00:07:26.925 --> 00:09:28.805
create graphics and animations and whatnot to be able to add to all kinds of content and videos. So instead of paying for a video editor and waiting weeks and weeks and weeks to get that back, we're able to use this system in order to be able to do it all instantly for us. I won't dive too deep into this because once again I did create a full video covering exactly how I am using this. So if you don't wanna watch that video, click on the video or have it tagged at the top right now. You can click on it if you do wanna watch that. By the way, the installation process is also incredibly simple. You could even just take the URL of Remotion provided a Claude code and it will do all the research to find out exactly everything that it needs in order to install it and it will do it all automatically and you're gonna be able to get up and running pretty quickly. For skill number four, I've got the front end design skill. So this skill is all about just making your designs of website landing pages, of newsletters, of really anything that you'd wanna design just not look like AI slop. As you may have heard of recently, Claude Design got released which is essentially a dedicated tool around designing literally anything through this dedicated platform. But ultimately, Clore Design is pretty much been built off the back of this front end design skill that they'd already created. And so I do have a video walking through exactly how I used Clore Design to build a couple of landing pages. So if you do wanna check that out, I can have that link to the top. But otherwise, I'm gonna go through using the front end design skill right now. Now unfortunately, while I was recording this part of the video, for whatever reason my recording stopped recording. So I've actually already gone through this process of showcasing it, but I can just go back and scroll through exactly what I did and just show you the results. So I just went ahead and installed the skill. I said install this skill for me. I took the URL of the front end design skill from from the Internet. It went ahead and installed everything needed. Right after that, it went ahead and created the HTML file right at the bottom here and this is the landing page that it created and you can see here it looks nothing like your generic AI looking landing pages that typically AI generates. This literally looks like an actual website that a company might genuinely want to use. The styling and the branding is obviously contextually relevant to you know let's say a peanut butter company or whatever. It's obviously got all the colors from that and it really has just designed something that doesn't look AI generated whatsoever.

00:09:28.965 --> 00:09:49.655
So this was literally built from one prompt telling it to create a fake landing page. I'm sure if you put even more effort into the branding and to the design and the styling of exactly what you're looking for, you'd be able to get a pretty good website out of this. And here's how it looks in full screen as well. So really pretty amazing what we're able to create with this front end design skill. If you do want more control over your design process,

00:09:49.655 --> 00:10:04.250
essentially claw design is just built off the back of this front design skill. Claw design can be helpful if you wanna have multiple different designs come out all at once on an entire canvas to compare them and use them kinda like Figma. But ultimately, if you are gonna be designing quick things here and there like newsletters,

00:10:04.250 --> 00:10:13.865
uh, using a tool like this or just using a skill like this in your project folder is definitely a good idea. And the last skill I wanted to showcase was PDF generation

00:10:13.865 --> 00:10:19.305
skill. So it might seem a little bit boring, but this skill essentially allows us to create contracts,

00:10:19.305 --> 00:10:20.105
invoices,

00:10:20.265 --> 00:11:47.775
reading PDF file, creating anything that we'd really want, product brochures for example. And so this is something that you could just tell Claude Code to generate or create a PDF for you for whatever reason, and it would go ahead and try to develop all of the code necessary in order to convert whatever you've created into a PDF file. So this does certainly work although it is good to have the best practice how to do this through this skill that was created by Anthropic themselves. I know this because I did try to get it to create a PDF file without using a skill like this and I was kinda just stuck staring at Claude figuring out how to do it and then I had to confirm if it did it properly or not and it was a bit of a process. So using something like this will just speed it up and having access to it means that whenever you need a PDF file, you can get one created pretty quickly. So once again to install this, I just said please install this skill. I provided it with the link to the GitHub skill at the top here, provided it with that. Went ahead and installed it right away very easily. And then what I did is I combined both the PDF skill as well as the front end design skill to create a product brochure PDF, multi page product brochure PDF for the Peanuts Company. So you can see my prompt right here, use the front end design skill and PDF skills to create a multi page product brochure for the peanut butter brand we created the landing page for earlier. And then in just a minute, we were able to get the brochure sent back to us. And then this is what I got. So this is a multi page, it's six page PDF with the front end design. Obviously, it looks very similar to the website. It's taken the inspiration, uh, from that of course and used the front end design to now turn it into a brochure

00:11:47.775 --> 00:12:25.810
in which has also been converted into the PDF file. So I can just scroll through here and it obviously looks pretty incredible. You would not know that this is AI generated if you were, uh, going through this and shopping through it. It obviously looks, uh, pretty incredible and all the content has been created as well in this and this is a fully downloadable PDF file. If you wanted to print this on a printer, you wanted to send this in an email and attach it, uh, you could do that. So I do hope this video was helpful. If you do wanna get access to all five of these Claude skills, once again, I will link all of them in my free school community which you can join, is at the top link of the description. We've got over 25,000 members now. Lots of conversations are going on. So if you do wanna jump in and join the conversation,

00:12:25.890 --> 00:12:28.850
once again, it's completely free, and I'll have it linked at the top of the