Source Nate Herk: AIOS course

Ch 12: Live build: branded infographic skill

Collection: Nate Herk: AIOS course · Creator: Nate Herk (@nateherk)

Original: raw source · demo-lab/research/nate-herk-course/transcript.txt @ 1:27:00 · 1,908 words · 5 sections

Content by Nate Herk (@nateherk). Chapter starts at 1:27:00. Auto-transcribed; names may be misheard.

Summary

So the first step is to go to my free Skool community, link in the description, go to the Agent Skills Classroom and download the Skill Builder folder.
And what I'm going to do is in this skill folder, I'm going to create a new folder called skill dash builder and hit enter.
So now we have this skill builder set up with the reference file and the actual skill markdown.
I created this folder and I put in our kind of color scheme as well as the actual AIS logo.
And now that we've done that, what you can see is it is going to create the skill, it's going to create the logo overlay, it's gonna create a supporting reference markdown file for all of the API details that it's gonna need, so that's great.

Now, after that, you're gonna click on this top-left button, and it's gonna pull up this little thing that says, you have not yet opened a folder.
So the first step is to go to my free Skool community, link in the description, go to the Agent Skills Classroom and download the Skill Builder folder.
And what I'm going to do is in this skill folder, I'm going to create a new folder called skill dash builder and hit enter.
So now we have this skill builder set up with the reference file and the actual skill markdown.
Topic: Topic: operating system · think · business

And now we're moving on to the step by step process, which is really important because at this point we haven't told it what tech stack we actually want to use or anything else about our business.
And you will also look at the brand guidelines that I give you so that everything that is created follows my brand colors and typography and stuff like that.
And in these options, you could literally say, I don't know, let's try different things, help me figure out what's best.
I created this folder and I put in our kind of color scheme as well as the actual AIS logo.
Topic: Topic: project · step

I wanna make sure that in the top left corner of every single infographic that's created, the AIS logo appears exactly as I've given you.
And now that we've done that, what you can see is it is going to create the skill, it's going to create the logo overlay, it's gonna create a supporting reference markdown file for all of the API details that it's gonna need, so that's great.
All right, so it fully built the skill, it created all those files for us, we just have to give it a key API key so it can actually run this.
The logo on the top left doesn't look great.
Topic: Topic: project · step

we've got Claude Code Skills, Custom AI Workflow, Command prompt trigger, front matter, config, triggers, AI agent delegation, document output.
So just keep in mind, all we said was build an infographic about cloud skills.
Every single time that we do this cycle, remember we talked about the feedback, we would basically watch it again, give more feedback and then keep going.
Just see the markdown file so that you don't have to actually go search the web and search through a bunch of tokens.
Topic: Topic: connect · routines

If the skill isn't triggering, then check the YAML and make sure it is specific enough.
And that is something that you can see in the Claude docs, which basically gives you control over if the skill can only be invoked by natural language or only be invoked by the slash command directly or both.
One thing that I would call your attention to is the actual front matter reference, because we saw the name and the description, which is what's required every time, but there's lots of other things that you can add in there.
Because what we've seen so far is just building them right in our .cloud slash skills folder.
Topic: Topic: api key · repo · github