Your Brand

Make your carousels look like your brand

The skill I use, installed with one prompt, studies your website, writes your brand down and makes your first carousel in it.

Step One, Install The Skill

Paste the prompt into Claude with your web address and a topic, and the skill straight under it. The first time it runs, Claude studies your site the way a visitor sees it, writes your colours, fonts, photo style and voice on one page called brand.md, and makes your first carousel from it, so you see straight away whether it has your brand right. In the Claude app, switch web search on first.

Paste this into Claude
Below this is a skill called brand-carousel. First ask whether I'm in the Claude app or Claude Code. In Claude Code, save it as .claude/skills/brand-carousel/SKILL.md in this folder. In the app, give it to me as a zip to add under Customize, Skills, and wait until I have. Then use it on my website, [YOUR WEBSITE], and make my first carousel on [YOUR TOPIC].
Then the skill, straight under it
--- name: brand-carousel description: Make Instagram and LinkedIn carousels in my brand rather than the usual AI look. Use when I ask for a carousel, slides or a post graphic, or ask to set up or refresh my brand from my website. --- # Brand carousel ## The first time, write my brand down 1. Study my website the way a visitor sees it. Open it in a browser, dismiss any cookie banner, and take screenshots if you can. Read the page source and stylesheets for the exact hex colours and the font names, including any font file the page loads for its headlines; where the site serves its own font files, save them in a fonts folder beside this file, since they are my brand's. Look at the photos it uses now, its current campaign and not only the logo, and note the colours that keep coming up in them. If you can't see the site properly, ask me for two or three screenshots rather than guess. 2. Write brand.md beside this file, on one page: - Colours, with hex codes and what each one is for (text, ground, accent). - Fonts, the headline face and the body face, and the closest free Google Font for any that isn't free. - Headlines, their case, weight, spacing and how big they sit against the slide. - Photos, what they show, how they're lit and how they're cropped. - Layouts the brand uses, such as a full-bleed photo, a photo above a solid block of colour, or type alone. - Voice, how it sounds, with three real lines from the site. - Logo, whether mine goes on the cover or the last slide, small, as the site does it. - Never, anything that is someone else's, logos and trademarks that aren't mine above all. 3. Show me brand.md and change whatever I correct. ## Every carousel 1. Read brand.md. Plan a cover and four to eight slides, one idea a slide, each with a headline of three to six words and at most one short line under it. 2. Photos are mine first, from my site or a folder I give you, always the largest version on offer; if the best I have is under 1080 pixels wide, tell me and ask for the original. Where a slide's idea has no photo of mine, ask me for one before you build it, and only then use a free-to-use photo that matches my photo style, telling me where it came from. Never use another brand's photos or logos. 3. Lay the slides out by these rules, because they are what stops a carousel looking AI made: - The cover is a full-bleed photo with the headline huge across the empty part of it. - Inside slides take one of three layouts: a photo filling the top half to two thirds with a solid block of a brand colour under it carrying the headline, a full-bleed photo, or type alone on a brand colour when there is no photo for the idea. - Headlines are huge, left aligned and in the brand's headline face, set where the photo is empty so they never cover a face or the photo's subject; move the headline or recrop the photo rather than let them overlap. The slide's number sits small above its headline, and nothing else goes at the top of a slide. - No gradients unless the brand uses them, no centred stacks of text, no boxes, tiles or cards around text, no button pills, no icons, sparkles or emoji, no "Rule 3" style labels, no "1/6" counters and no "swipe" prompts. - A number or a schedule is shown with type or a photo, never as a grid of boxes. 4. Build each slide at 1080 by 1350, as HTML rendered to PNG in Claude Code, or in the Claude app as whatever renders reliably there. Then look at every slide yourself before you show me and redo any that fails one of these: nothing runs off the edge, no text sits over a face or the subject, every line reads at phone size, no photo is blurry from being stretched, and the set looks like it came from my site rather than a template. 5. Save each slide as a PNG and the set as one PDF with a page per slide at the same size, show them to me together, and change what I ask. When I correct something that would apply to every carousel, add it to brand.md so it is right next time.

Step Two, Every Post After

The skill keeps your brand page beside its steps, so from then on a carousel is one line with a topic in it, and every one starts from the same page, which is why they all look like they came from the same place. When you correct something that should hold every time, it writes the correction into brand.md.

Every time you want a carousel
Use brand-carousel to make a carousel on [YOUR TOPIC].

What It Stops Doing

  1. A gradient behind centred textA real photo, full bleed or above a solid block of your colour
  2. Boxes, tiles and button pillsType set straight onto the photo or the colour
  3. "Rule 3" labels and "1/6" countersThe slide's number small above a huge headline
  4. A guessed colour and a stock fontYour exact colours and fonts, read from your own site's code
  5. Slides nobody looked atEvery slide checked for fit and looked at before you see it

Why It Works

Ask Claude for a carousel with nothing to go on and it falls back on the look it gives everyone, which is why so many posts look like each other. Your website already holds your brand, so once Claude has read it and written it down, it has something to follow instead of something to invent.

One Honest Bit

It gets the look right, and the words are still yours to check, because Claude knows how your brand looks long before it knows what you would actually say. It works best in Claude Code, which can open your site in a real browser and render every slide, while the app reads your site as words, so send it a couple of screenshots when it asks. A font you pay for gets the nearest free one, and it only ever works from your own site, never another brand's logo or photos.

Want to get better at this?

Let's set up your agent ecosystem.

This page is one job. The whole thing is a set of them running off the same foundation, the folder your AI works out of, the brief on how you like things done, the accounts it can reach and the skills that run off all of it, so your admin gets done the way you would do it. It is what I teach one to one, on your own machine and against your own work, and the quickest way to find out what yours would look like is a proper chat about it.

Not ready for a call? Start with the free agent series, what an AI agent actually is, and build up from there.