Ready to install

Here is the Skill.

One file. Install it once, point it at your brand, and every infographic after that comes out in your colours with your face in the footer.

Download the ZIP Read the source

Keep it zipped. The Claude app wants the ZIP, not the folder inside it.

Install it in the Claude app

  1. Turn on code execution. Settings, then Capabilities, then Code execution and file creation. On Team or Enterprise an admin does it under Organization settings, then Plugins and skills.
  2. Go to Settings, then Skills, and choose Upload skill.
  3. Pick the ZIP. Do not unzip it first.
  4. Check the toggle next to the skill is on.

Or in Claude Code

Unzip it and move the folder into ~/.claude/skills/ to have it everywhere, or .claude/skills/ inside one project to keep it there. Start a new session and Claude picks it up. It renders the PNG on your own machine, so it needs Python with Playwright; Claude installs that the first time if it is missing.

Make it yours

There is nothing to fill in. The Skill takes its colours, fonts, radii and spacing from design tokens, so you point it at your brand instead of editing the file.

If your brand is a Claude Design System, select it when you make each infographic. Its tokens drive every visual decision and you are done.

If it is not, say “take my colours and fonts from mycompany.com” in your first request, or paste your tokens. The Skill is written to stop and ask rather than guess at colours, so expect it to hold out for one of the two. In a code project it will read a design.md if there is one.

The house style lives in two sections of SKILL.md if you ever want a different one: Visual approach holds the notepad grid, the brush-stroke highlight on the headline and the line-art rule, and Adaptive Footer Logic switches the footer between a circular profile avatar and a company logo. Edit, re-zip the folder (the folder, not the file inside it) and re-upload.

Your first infographic

  1. Start a new chat and type / in the message box, then pick the skill from the list.
  2. Open the Output dropdown underneath and select Design.
  3. Choose your brand’s Design System, if you have one.
  4. Paste your article, notes or a public link, and attach a square headshot.
  5. Send. You get the 1080×1350 PNG back, and you can ask for changes in plain English.

Before you post, read every number back against your source and check your name and link are right. Claude built the graphic, but you are the one publishing it.

What this does not fix

A Skill does one job well

This one makes a graphic. It will not tell you what to publish, where AI actually belongs in your team’s week, or which of the things you are being sold are worth the time. That is what the workshop is for: a hands‑on session on your own marketing, in person in Bristol, Bath and London, or remote anywhere in the UK.

See the workshop

If something goes wrong

Upload fails
Zip the folder, not the SKILL.md on its own. The folder name has to match the name: line inside it.
Claude never uses it
Check the toggle under Settings, then Skills, and that code execution is on. Or call it directly by typing / and picking it.
It keeps asking for brand details
That is deliberate. Select your Design System, give it a brand URL, or paste your tokens. It is told to stop rather than invent colours.
Wrong fonts in the image
Give exact Google Fonts names, such as Inter or Cormorant Garamond. It renders the PNG in a browser, so the font has to be one it can fetch.
Text overlaps or gets cut off
Ask for fewer sections. One image holds three to six at most.

The other free Skills