Claude Design + Claude Skills: Automate Your Marketing (Claude Code)

Claude skills is one thing I wish every marketer knew about because once you build them Claude stop being a tool.

You have to manage and start being a system.

So in this video, I'll show you how to set up your marketing skills stack to automate most of your marketing from the design process, the actual building, to creating your own Claude skills library.

Let's go The simplest way to think about your marketing skills is to group them into three types.

Brand skills.

Define your brand standard Function Skill, cover, what marketing tasks you do day to day, specialty skills.

Handle the rules of your specific domain.

So first, look at your marketing week and reflect on the task you do repeatedly.

And second, sort them into these three skill type.

And third prioritize.

Almost every marketing task needs brand skills as a foundation.

So build those first and then build your function or specialty skills next.

In this video, we are building a campaign workflow system with eight Claude skills as the sample to walk you through all three steps and we'll be using Claude code through the Claude desktop application.

First, let's create the project folder.

So in this case, the brand is called Carely, so which is the healthcare SaaS brand.

And inside we'll set up the context folder as well as other system folders.

And then we also have the campaign folder that store all the campaign outputs.

And so next is to make sure you load all the important brand context file inside this context folder.

So like the brand context ICP marketing strategy.

And we will also prepare this CLAUDE.MD file that tells Claude how to navigate this project folder.

Now open Claude desktop.

And click here to switch to Claude code.

And what I like about the new Claude code desktop is you can filter by different projects, so you can switch immediately and then we can just select the Carely project folder.

So the first skills we build is the brand voice skills.

And this is a skills that every marketers need.

So ask it to create a brand voice skills according to the brand voice guide.

And then also create different examples to be used it as the skills assets.

Note.

I also ask it to include the versioning as this will be useful in building our Claude skill library later in this video.

And by the way, we just launched a core skill course inside the community where we go deeper and covering my four favorite ways to build your own custom skills.

So if you're interested, you can find the link below to join.

So back here it is now reading all the brand context and building the examples.

And what I like is it also runs the evaluation to make sure this skills is high quality.

And if we open the project using an IDE, like VS Code, we can actually see a new skill has been created under this skills folder.

Now we have the brand voice skills, but that is not enough because we also need to teach Claude how the brand looks visually good news is we have Claude design tool, which can help you set up your brand design system much more quickly and make it portable by building a reusable skills.

Before we even start, I suggest you first ready some marketing assets, at least your marketing materials.

So this will be useful for the extraction process.

So here we have created this assets folder.

Inside we already have this branded landing page.

It contains the brand color palettes and the logos.

And then go to Claude design tool.

And by the way, I'll put the link below.

So click design system, let's name it, Carely, which is the brand.

And here you can click your GitHub repository so it can extract your design system.

But we will skip this for now.

Then here we can attach the project folder, which contains all the materials.

And then we can also attach any logos or any additional marketing assets.

And here I suggest pasting back the brand voice note.

Here just to play safe and then continue to generate.

Now this process would take at least 10 to 15 minutes long from my experience.

So you really want to review all your materials before you click generate.

And then here it will return you all the extracted brand colors, UI, mockups components, font types, logos.

And you can carefully review them one by one and import any missing materials.

So perhaps maybe for this marketing site mockup, I can see the tag line is now overlapping with the background color.

So I can prompt and it will make the changes.

And you can also navigate to the design files view.

And here you can make more granular changes by using the editor.

So you can select any elements and make changes.

But I found changes are hard to revert, so don't overdo it.

And this whole design system is actually an exportable Claude skills.

So once you're satisfied, what I recommend is actually to export this design system skills to be used in your Claude code project.

And this is what I found the biggest value from the Claude design tool.

Now we can just open the project folder and drag the whole design system folder here because literally it is just a Claude skills and then paste back the versioning and maintenance control.

And immediately, we installed this brand design skills into this project.

So once we have this design system skills, we can continue to build all the skills on top that will be useful for your marketing tasks, which is the function skills, and particularly for the campaign workflow.

The next thing you actually need is the campaign research and planning.

So this skill will save you lots of time.

First, use this prompt to ask it it, to create a campaign planning brief skill that will use the perplexity research tool for research and call the design system skill to build on branded slide deck and campaign brief empty file with our defined sections.

And very quickly we have the second skill created and it is showing the step-by-step process and calling the design system skill for the slide deck building.

Now let's ask it to create a campaign planning for this upcoming campaign with this timeline and budget.

So it will start with Perplexity search and now it's synthesizing data and building the presentation.

So you can see the deck is following the design system skill with the brand color and font.

And what is particularly impressive is actually the story it presents from the KPI targets target persona, and even this funnel mapping, which is amazing.

So you can clearly see how and where we are spending marketing budget and also the campaign roadmap and the last slide on accountable team with the next actions is absolutely perfect as well.

Bonus.

If you want an HTML style, really slick looking slide deck.

You can also use the Claude design tool.

So just create a new slide deck project, pick your design system, and then paste the campaign brief outline, and then it will create a deck for you even with the speaker notes.

So you just build your Claude skills.

And I know you're already thinking about what else you could automate.

And that's actually the hardest part for most marketers, not the building, but knowing which workflows are worth turning into a skill.

And that's why I put together a free resource with HubSpot called AI Toolkit I use every week.

It is the practical breakdown of how I use Claude ChatGPT, Gemini and Perplexity across different marketing tasks based on my own experience, including the exact prompts behind each use case.

And for Claude specifically, you can see the actual prompts I used for things like strategy, brainstorming, data visualization, sentiment analysis.

And my favorite part is the three question framework I personally use that tells you how I pick between these AI tools.

So grab it for free in the description.

Thank you HubSpot for partnering me on this resource and for sponsoring this video.

All right.

This time let's build something different.

We can now base on this design system and build reusable marketing asset in place that you can use to create other marketing skills.

And this is actually one of the best way I found to use the Claude design tool.

This time let's build a carousel design skill.

So first we will create a carousel post template using the Claude design tool.

So we will pick prototype, name it, social carousel template, pick the design system, and high fidelity, meaning we want a polish mockup that we can actually use.

And then Claude will ask you lots of clarifying question like color, direction, type treatment, tweak variations, and then it will start generating the mockups.

Now it will come up with the carousel design with the three variations I have instructed.

So they're all on brand looking, pretty professional, but the text is a little bit small.

So I recommend just exporting this whole project and editing on Claude Code if you like the overall direction then making back and forth changes because otherwise I found Claude design will burn your token so fast.

Then copy this exported carousel template folder inside your project folder templates which will be used by the carousel scale. We are going to create.

So once the template is ready, we can now create a third skills.

This skills will reference the carousel template.

We just export and propose content angle and using the nano banana tool to generate a cover image.

And finally, export each slide into an individual image.

And pretty quickly we have this carousel design skill created.

So now let's try the skills and ask it to read the campaign brief and generate the carousel.

So it is calling the skills and then generating the cover image for the three variations.

So here we have the three variations and each of these are looking good and decent.

And just like the carousel template, we just see, and I like the cover image.

Is using the same template we generate from the Claude design tool.

And that's why it's much more important you get this template built right in the first place because then you can always control the final quality.

So in this case, I think the text is still too much.

if it's for educational type of carousel I think is fine.

But for performance marketing perhaps, uh, shorter, punchy lines are better.

But overall this is well executed.

And you can see they're also being saved as individual images, which are ready to be published.

So you get the idea, build your marketing assets template on Claude design, and then use that to build skills to further automate your workflow.

So carousels are static, but what if the same skill style could generate motion as well?

For a long time, I have been using Claude SVG motion graphics in some of my videos.

Now, using the same principle, we can create the motion engine on Claude design tool and fill your own branded motion skills.

Again, on Claude design, create a new prototype project called Animated Video, so make sure you pick your brand design system and then ask it to design animated videos for the, product launch.

Or you can think about the scenario that you're going to use the most and then answer the question.

And after some time here is the generated motion.

So it is not too bad, although it's still not like a professional grade video, but for simple marketing storytelling or to be put on the landing page as an explainer.

I think this is pretty good.

So this animation will serve as a core engine as we build out the skills.

Again, export this project and then copy this animated video folder under the templates folder, which will be used to create the motion scale.

So go back to Claude Code.

And this time we'll create a new skill called Carely Animated Video, which is used there to generate 30 seconds motion video in HTML format.

It should always propose a storyboard before it generate, so every motion videos is different and distinct enough.

Now we have a motion skill ready, so let's try to create an animated video for the same campaign we just did.

So it is reading the campaign brief, generating the storyboard, and creating the video, and the process took almost 15 minutes.

So this is pretty good and not too bad.

And tell the story with the punchy lines.

Just like the typical storytelling video and everything is using the same brand style look and feel, the design system so it doesn't feel off.

And with this video, you can even embed it into your campaign landing page, so making it more engaging and interesting, and have the brand motion piece that explain your offer.

So using similar approach, we have created seven marketing skills.

Of course, we can just settle here, but a big bonus to take this to the next level to further automate this is to create a campaign manager agent to orchestrate all these skills.

Since Claude Code Desktop does not support the agent command.

So we can first initiate a session and then click here to open a terminal view and then initiate Claude code and use agent command to create a campaign manager agent.

So this agent will orchestrate the full campaign workflow and call different skills we just created.

After creating the agent. Also update the Claude MD file to register this agent.

So Claude will always know when to call this agent and the expected behavior.

Now, let's say we are launching another campaign about a new product feature.

So I intentionally give very little detail.

So the campaign manager will now ask me question about the campaign, like the goal, budget, target audience, and then answer the details so it can start the research process and initiate the campaign brief.

So first it is building the campaign planning deck.

And you can see since it is spinning other agents, so it won't take up the context of the main agent window, and then it will move on to generate the assets once the campaign has been initiated with the campaign brief.

A bonus tip is at any time.

You can just click the task view and check what Claude is working on, which I found is useful.

And so after almost 25 minutes, Claude came back all the deliverables for the campaign.

So first the campaign brief.

And personally, I like this deck more than one generated by Claude design.

Is just more practical and you can just quickly edit the text.

And what really impressed me is it give you a solid starting point as you plan out your marketing campaign with all the tactics plan, channel strategy, budget allocation, and then the campaign performance tracker is also excellent.

So it already has the excel formula built-in for you and you can just use it to build the actual versus forecast planning for a campaign.

So from channel performance, content performance to pipeline attribution.

Now for the social carousel post, it's also well executed on brand and aligned with the campaign.

And although I found two of the slide have some overflow issues, this is where we need to improve the skill.

And this still save you lots of time.

And then the animated videos also use the storyboard that matches the campaign theme with all the on-brand motion graphics.

And finally the campaign landing page with the call to action, the embedded video we just see and everything is aligned, on brand with the brand design system.

So now every time when you want to design a new campaign, you can just get the details to this campaign manager and everything will follow through.

So we just ran a full campaign from one brief, but right now this whole system only exists on the machine.

So the next thing is to share this with the team by building a Claude skills library on Notion.

And this is where a personal system become a team system.

So here we have the skill library on Notion it stored a skill, name, description, category version, and the actual skill file.

So remember the versioning we add to each skill earlier.

So that is how Claude track the changes and keep the library on the latest version.

So now we can first push and populate all the project level skills to this skill library.

And now it is calling the skill library manager skill I built earlier.

So it will first push a test entry and then continue with all the skills.

And pretty quickly all the skills are being populated automatically with all the detail filled in, description, category.

And it will even zip all the skills files.

So you can just download it from the library.

So now your team or clients can just browse through the full skill library, filtered by what they need and know what is available.

And whenever your skills has been updated, you can ask Claude to sync the skill library and it will scan which skill needs to be pushed, so like in this case, a version two of the animated video skills is available.

Now we can even take a step further to set up a schedule task using the routine feature on Claude code.

So go to routines on the sidebar and create new routines on local.

And then define your schedule, task, name, description, and instructions.

So in this case, we want Claude to check if there are any new skills that haven't been published, and help us to push it to the skills library.

And then pick auto-mode.

So Claude will automatically approve lower risk action.

And then select the same project folder and set it to run on every week at 9:00 AM.

So now you don't need to manually upload skills to this library, and this is how you scale your Claude skills value further.

***** So start with one skills, get it working really well, then build the next one.

That is how your real system grow.

And if you enjoy this video, please give me a thumbs up.

I really appreciate that.

I also invite you to join our Growth community.

Currently we are running the AI marketing system program where we go deeper from context setup to building AI agents, including the Claude skill course I mentioned.

You can find the link below to join I hope to see you there.

And before you go, also watch this two videos about Claude skills and how you can use it further for marketing.

I'll see you next time.