Bespoke websites for real business impact, true responsive architecture, zero bloatware, WordPress FSE & Next.js 15, 100/100 Core Web Vitals.
DEVPIXEL
Back to all articles

A Guide to Creating Brand-Compliant PowerPoint Presentations with Claude AI

October 9, 2026DevPixel EngineeringDevPixel Engineering20 min read2 views
AI & Workflow Automation
DEVPIXEL / MEDIA LIBRARY
A Guide to Creating Brand-Compliant PowerPoint Presentations with Claude AI

Overview from DevPixel Engineering: A step-by-step guide to building the SKILL.md file, preparing layouts, and exporting brand-aligned PowerPoint presentation slides using Claude Code. This document is a real-world, end-to-end log of an actual implementation, including the pitfalls encountered and their definitive solutions.



claude-code://skills/brand-deck-mistral/SKILL.md

60S QUICK SUMMARY

Three Core Points You Need to Master

01

SKILL.md Is the Key

Package all design tokens (HEX colors, fonts, safe margins, 16:9 layout) into a permanent instruction set so Claude remembers them across every chat session.

02

2 Ways to Feed Source Materials

Take screenshots of sample slides (fast, visual) or directly feed a Markdown design tokens file (100% accurate, completely eliminating color code and font size discrepancies).

03

Closed-Loop 6-Step Workflow

Start from a fresh chat, input all source materials, force Claude to analyze before writing, test a 5-slide sample deck, batch-fix issues in one go, and package into a zip file to upload to your account.

Note from DevPixel:

In the video, we briefly mentioned the trick of creating a Skill for Claude to generate slides aligned with your brand identity. This document is the complete version—and more importantly, it is a real-world execution log from start to finish, complete with pitfalls encountered and how to fix them. After reading, you will have: a custom skill in your Claude account, a PowerPoint-formatted brand guideline, and the knowledge of how to prompt Claude so every future slide deck remains consistent. This approach works on both free and paid plans.

SECTION 01 / 08
TECHNICAL MECHANISM


1. What is a Skill and Why It Outperforms Regular Chatting

Skill – simply put, is an instruction package you install into Claude to make it exceptionally good at a specific task. It’s like installing an app on your phone: the device remains the same, but with the new app, it can handle new tasks, and it stays there the next time you open it.

Technically speaking, a skill is just a text file named SKILL.md – explicitly detailing: when to use the skill, what rules to follow, what colors, what fonts, and how the layout should be structured. There is no mystery to it.


How is it different from regular chatting?

  • Regular chat: Every time you make a slide deck, you have to re-describe the colors, fonts, and layouts from scratch. Miss one detail, and it immediately outputs errors.
  • With a skill: Write once, use forever. Every new chat context automatically remembers the guidelines. Slides created this month and next month will look 100% consistent.
  • Shareable: Send the zip file to your colleagues, and the entire team can export slides following the exact same standard brand identity.

Note on the default pptx Skill:

Claude already comes with a built-in PowerPoint skill (named pptx). It can create slides, but only “generic” ones – it doesn’t know your brand colors and fonts. What we are doing here is creating our own new skill to teach it your brand identity.


Enable the feature first

Skills work on all plans, including the free tier, but you must enable Code execution and file creation first for the Skills section to appear. Go to Settings > Capabilities and toggle that switch on. If you are using a Team or Enterprise plan, the account owner must enable it in the organization settings.

Where to find the skill creation section? Once enabled, go to Customize > Skills in the left sidebar. That is where all your skills reside, and also where you click to add a new skill. Note that these two places are different: Settings > Capabilities to enable the feature, and Customize > Skills to manage skills.


The Easiest Way to Install a Skill (4 Simple Steps)

  1. Go to the Copy and Use section below, click the Copy full SKILL.md button.
  2. Paste it into Notepad (or TextEdit), and save it as a file named SKILL.md.
  3. Place that file into a folder named brand-deck-mistral, then compress the folder into a .zip file. The folder name must match the skill name, otherwise it will trigger an error upon upload.
  4. Go to Customize > Skills, click + > Create skill > Upload a skill, and select the .zip file you just compressed.

Done. Toggle the skill switch on, open a new chat, state what you need done, and it will automatically use it.

Want a quick test without zipping files?

Paste the content of SKILL.md directly into the chat and ask Claude to make slides following those exact rules. This method works immediately but only within the current chat session—once the chat is closed, it’s gone. If you want to reuse it permanently, you still need to upload it as described above.

SECTION 02 / 08
RESOURCE GATHERING


2. Preparing the Ingredients – Two Approaches

This part determines 80% of the final quality. Claude cannot guess what colors define your brand. There are two ways to feed this information to it, and the second method yields significantly more accurate results.

OPTION A

Capture Sample Slide Screenshots

Open your best PowerPoint file, present in full screen (F5), and capture each typical slide type.


  • Title slide (cover page) with logo and presentation title

  • Section header slide (dividers between parts)

  • Bullet point slide & two-column slide

  • Chart / big numbers slide & tables
⚡ Shortcut: Windows + Shift + S (Win) | Cmd + Shift + 4 (Mac)


Tips for Extracting Color Codes Without a Token File

No token file? No problem. Take a screenshot of your logo and ask Claude: “Help me extract the HEX codes for the main colors in this logo image.” Or in PowerPoint, click on the color box to More Colors to Custom to read the HEX code. Aim for at least 4 colors: primary, secondary, background, and text.


The Font Dilemma – The Most Fragile Part of Slides

PowerPoint files only reference font names rather than embedding them. If the recipient’s computer does not have the font installed, PowerPoint will automatically substitute it with another, completely breaking the layout. The original Mistral design system uses PP Editorial Old (a commercial font) and Inter—neither of which is available by default on standard machines. Therefore, we chose a safe fallback approach:

  • Headings: Georgia – shares the same editorial serif spirit, pre-installed on both Windows and macOS.
  • Body: Arial – .pptx files only store a single font name per text block, lacking web-style CSS fallback mechanisms. Arial is a foolproof solution present on every machine.
  • Technical labels: Consolas (Windows) or Menlo (macOS).
Important Warning:

When sending slides externally to partners or clients, always export an additional PDF copy. It is the only foolproof way to ensure recipients see exactly what you see.

SECTION 03 / 08
IMPLEMENTATION WORKFLOW


3. Six Steps to Create a Skill

Here is the battle-tested, 6-step closed-loop process to train Claude to generate brand-accurate, error-free slides.

01

Step 1: Open a NEW Chat

Click New chat. Do not use an existing chat discussing other topics—old context will introduce noise, and Claude might pull unrelated information into your skill.

02

Step 2: Drop All Materials in at Once

Drag and drop all slide screenshots (or token files), font files, and logo files into the chat at the same time. Send everything in one batch instead of piece by piece—Claude needs to see the big picture to identify the overall system rules.

03

Step 3: Prompt It to Write the SKILL.md Content

This step only retrieves the file content; it is not yet a usable skill—uploading it to your account happens in step 6. Here is the most important prompt:

“Based on the materials provided, generate a Skill for our system to create PowerPoint presentations strictly aligned with brand guidelines.
In SKILL.md, clearly specify:
1. Color palette with HEX codes and usage rules for each color.
2. Font size scale converted to pt for 16:9 slides.
3. Margins and safe zones around slide edges.
4. Descriptions of each layout: name, when to use, and positions of each block.
5. Mandatory rules and a self-check checklist.
Analyze the materials first, explain your findings to the system, and only then write the SKILL.md.”

Pro tip: The final sentence—“analyze first, then write”—forces Claude to articulate what it observes beforehand, allowing you to catch and fix misunderstandings immediately.

04

Step 4: Trust, but Verify—Test It Right Away

A newly created skill isn’t guaranteed to be perfect. Verify it by asking Claude to test-build a slide deck, allowing it to invent dummy data:

“Using the skill just created, generate a 5-slide ‘Q3 Performance Report’ deck for our system. Feel free to use reasonable placeholder data. Include: title slide, executive summary, chart slide, bullet points slide, and conclusion slide. Export as a .pptx file for download.”

Download the file, open it in PowerPoint, and inspect it closely: are the colors correct, is text overflowing, are logos distorted, is the whitespace consistent? Dummy data is fine here because this step focuses strictly on layout and colors.

05

Step 5: List All Issues—Fix in One Single Pass

The first attempt is almost never flawless. Avoid piecemeal feedback one detail at a time—it wastes time and often causes Claude to break one thing while fixing another. Consolidate everything into a single message with precise descriptions:

“We reviewed the file and need a few adjustments in SKILL.md:
1. Slide titles are at 44pt; reduce them to 36pt.
2. Move the title slide logo to the bottom right corner.
3. Cap bullet points slides at a maximum of 5 lines.
4. Background color must be #FFF8E0, not white.
5. The ‘quote’ layout is missing—please add it.
Update SKILL.md and re-export the deck for our review.”

Repeat the “review file → list issues → refine” loop until you’re satisfied. Usually, 2–3 iterations yield a polished, production-ready result.

06

Step 6: Upload as a Permanent Skill

Once you are satisfied, prompt “Publish the final SKILL.md for the system”, save that output to your computer as a SKILL.md file, then follow the four steps to zip it into a .zip file and upload it as shown earlier in the article. Keep the local copy as a backup and to share with colleagues.

EXCLUSIVE RESOURCE

Download the Complete Brand-Compliant SKILL.md & Brand Kit .py Template Pack

Pre-packaged for Claude Code and python-pptx, ready to be loaded directly into your enterprise workspace.

SECTION 04 / 08
SOURCE REPOSITORY


4. Ready to Use: Skills, Prompts, and Helper Suite

The three items below are the actual versions used in this project, not dummy examples. Click Copy to put the entire content onto your clipboard – paste it directly into the Claude chat box, or paste it into Notepad and save it as a file. Remember to replace the color codes and font names with your own inside the square brackets.

Template SKILL.md
---
name: brand-deck-mistral
description: Create or edit PowerPoint (.pptx) slides following the Mistral.ai brand identity - cream background, orange #fa520f, footer sunset stripe. Use when generating report decks, pitches, or lecture slides, even from raw data or rough outlines.
---

# Brand Deck - Mistral.ai Brand Identity

## 1. Mission


Transform raw content into a complete `.pptx` file that opens seamlessly in PowerPoint and can be edited
normally (every block must be a real shape/textbox, NOT an inserted image).

Three non-negotiable elements define the identity; missing one makes it incorrect:

1. **Cream background `#fff8e0`** on most slides (not white).
2. **Orange `#fa520f`** used strictly for accents - never fill an entire slide background with orange except for cover/section transition slides.
3. **Horizontal sunset stripe** at the bottom of **every** slide. This is the most critical brand identifier and must never be omitted.

## 2. Color System - strictly use only the codes below


| Role               | HEX       | Used for                                              |
|--------------------|-----------|-------------------------------------------------------|
| Primary Orange     | `FA520F`  | Eyebrows, sequence numbers, prominent metrics, accent bars |
| Dark Orange        | `CC3A05`  | Bold accents, text on cream background when stronger contrast is needed |
| Sunshine 700       | `FFA110`  | Midpoint of the sunset stripe, secondary chart bars   |
| Sunshine 500       | `FFB83E`  | Sunset stripe step, secondary chart bars              |
| Sunshine 300       | `FFD06A`  | Very light sub-block background, sunset stripe step   |
| Deep Yellow        | `FFD900`  | End step of the sunset stripe, secondary metric accent |
| Cream              | `FFF8E0`  | **Default slide background**, card background         |
| Light Cream        | `FFFAEB`  | Block background within white-background slides       |
| Dark Cream         | `FFF0C2`  | Badge background, alternating table row background    |
| Beige Border       | `E6D5A8`  | 1pt border around all cream-background blocks         |
| White              | `FFFFFF`  | Card background on cream slides, text on orange backgrounds |
| Ink                | `1F1F1F`  | Primary text, dark cover slide background             |
| Soft Ink           | `3D3D3D`  | Body copy text                                        |
| Steel              | `6A6A6A`  | Captions, sources, slide numbers                      |
| Thin Line          | `E5E5E5`  | Table gridlines, dividers on white backgrounds        |

**Color Rules (Mandatory):**
- A slide can use a maximum of **2 accent colors**. Orange is the primary accent; yellow/sunshine serves only as a supporting accent.
- **No gradients** anywhere, with one single exception: the footer sunset stripe.
- Do not add any color outside the table above. No blue, no purple, no alert red.
- Charts: primary bar/line `FA520F`, secondary `FFA110`, tertiary `FFD06A`. Never use default Office color palettes.

## 3. Typography


**Fonts - chosen based on the "universally available" rule:**
- **Headings: Georgia** (regular, not bold). A safe fallback for PP Editorial Old.
- **Body: Arial** (regular / bold). If Inter is installed on the machine, prioritize Inter.
- **Metrics/Code: Consolas** (Windows) or Menlo (macOS).

**Type Scale for 16:9 slides (13.333 × 7.5 inches):**
- Cover slide title: 40pt Georgia, line height 1.05
- Section transition number: 54pt Georgia white on orange background
- Slide title: 30pt Georgia, line height 1.15
- Stat callout: 60pt Georgia orange, line height 1.10
- Subhead within slide: 20pt Arial bold
- Body copy / Level-1 bullet: 16pt Arial, line height 1.35
- Level-2 bullet: 14pt Arial, 0.3 inch indent
- Eyebrow: 11pt Arial bold, ALL CAPS, 1pt letter spacing in orange
- Captions / sources / slide numbers: 11pt Arial in steel `6A6A6A`

## 4. Canvas, Margins, Sunset Stripe

- Slide size: **13.333 × 7.5 inches** (16:9).
- Safe margins: **0.7 inches** left/right, **0.55 inches** top, **0.75 inches** bottom.
- Corner radius: cards 12px, buttons/badges 8px.
- Sunset stripe: Snapped to the bottom edge, 0.16 inches high, full-bleed gradient across 5 stops.

## 5. Layout Suite (L1 to L9)

- L1 - Cover Slide
- L2 - Section Transition
- L3 - Bullet Points (max 5 lines, 0.08-inch orange square bullets)
- L4 - Two Columns (55% left, 45% right)
- L5 - Stat Callout (1–3 metrics at 60pt)
- L6 - Table (clean white background)
- L7 - Quote (60pt quotation marks in `FFD06A`)
- L8 - 3-Card Grid
- L9 - Closing Slide

## 8. Pre-delivery Checklist

- [ ] Exact 13.333 × 7.5 inches, correct slide count matching the agreed outline.
- [ ] **Every slide has the sunset stripe at the footer**, 0.16 inches high, full-bleed, no border.
- [ ] Content slide background is cream `FFF8E0` (not white), except L6 Table which uses a white background.
- [ ] All colors strictly adhere to the table in Section 2. No default Office colors slipped in.
- [ ] Titles use **Georgia**, body text uses **Arial** - no Calibri anywhere.
- [ ] No slide exceeds 5 bullet points. Bullet points are orange squares.

Skill Creation Prompt
[Attach: screenshots of sample slides, font files, logo files,
 or a DESIGN.md file containing the color palette and typography]

Based on the materials we just provided, create a Skill for the system to build PowerPoint presentations
that strictly adhere to the brand identity guidelines.

BRAND INFORMATION
- Brand name: [COMPANY NAME]
- Primary color: [#XXXXXX]
- Secondary color: [#XXXXXX]
- Background color: [#XXXXXX]
- Text color: [#XXXXXX]
- Heading font: [FONT NAME]
- Body font: [FONT NAME]
- Logo: placed at [which corner], height approximately [X] cm
- Slide aspect ratio: 16:9

IN SKILL.md, CLEARLY SPECIFY
1. Color palette with HEX codes and rules on which color to use for what purpose.
2. Font scale specified in pt for 16:9 slides (13.333 x 7.5 inches).
3. Margins and safe zones around the slide edges.
4. Description of each layout: layout name, when to use it, position of each block.
5. Mandatory rules: maximum lines per slide, no clip-art,
   preserve whitespace, slide titles must be informative full sentences.
6. How to export a .pptx file using python-pptx, along with a self-check checklist.

IMPORTANT REGARDING FONTS
Only choose system fonts available on all machines (Georgia, Arial, Times New Roman, Consolas).
If the original uses proprietary fonts, propose safe alternatives and explain the rationale.

WORKFLOW
- Step 1: Analyze the materials first. Inform the system which layouts you recognize,
  and your estimates for font sizes and margins. Wait for our confirmation.
- Step 2: Write a complete SKILL.md.
- Step 3: Using that exact skill, create a sample 5-slide deck for a "Q3 Performance Report"
  (feel free to generate plausible placeholder data), then export the .pptx file for the system to download and review.

After we review the file, we will provide a list of revisions.
Update SKILL.md and re-export the slide deck for our next review.

Sample brand_kit.py
# -*- coding: utf-8 -*-
"""Slide builder kit based on DevPixel VN brand identity (Mistral.ai system). Reusable for every deck."""
from pptx import Presentation
from pptx.util import Inches, Pt
from pptx.dml.color import RGBColor
from pptx.enum.text import PP_ALIGN, MSO_ANCHOR
from pptx.enum.shapes import MSO_SHAPE, MSO_CONNECTOR

ORANGE, ORANGE_DEEP = 'FA520F', 'CC3A05'
SUN700, SUN500, SUN300, YELLOW = 'FFA110', 'FFB83E', 'FFD06A', 'FFD900'
CREAM, CREAM_LIGHT, CREAM_DEEP, BEIGE = 'FFF8E0', 'FFFAEB', 'FFF0C2', 'E6D5A8'
WHITE, INK, INK_TINT, STEEL = 'FFFFFF', '1F1F1F', '3D3D3D', '6A6A6A'
DISPLAY, UI, MONO = 'Georgia', 'Arial', 'Consolas'

SW, SH = 13.333, 7.5
ML, MR, MT = 0.7, 0.7, 0.5
CW = SW - ML - MR
STRIPE_H = 0.16

class Deck:
    def __init__(self, total):
        self.prs = Presentation()
        self.prs.slide_width, self.prs.slide_height = Inches(SW), Inches(SH)
        self.blank = self.prs.slide_layouts[6]
        self.total = total

    def stripe(self, s):
        """5-step gradient sunset footer stripe."""
        pass

    def light(self, bg=CREAM):
        s = self.prs.slides.add_slide(self.blank)
        self.stripe(s)
        return s

    def save(self, path):
        self.prs.save(path)
        return path

No problem if you don’t know Python: The third part is only for those who want automation. You can completely skip it – with just the SKILL.md content, Claude takes care of the code, so you won’t have to touch a single line of code.

SECTION 05 / 08
PRACTICAL APPLICATIONS


5. Three things created with this skill

Once the skill was in place, here are the finished products built within a single working session:

A

15-Slide Brand Guidelines Deck

Brand identity standards documentation for the channel itself: color palette with token names, font pairings, type scale, border-radius rules, sunset gradient, and a “Dos and Don’ts” page. Dark background cover with a tech glow effect.

B

16-Slide History of ChatGPT Deck

From a single prompt, a complete slide deck was generated with a horizontal timeline, growth charts with clearly labeled metric types, summary tables, and a sources page. Colors and fonts were entirely on-brand.

C

This Very Editorial Page You Are Reading

Reusing the token sheet: identical color codes, font pairings, and border-radius rules—simply switching the output from slides to web. A single design token sheet can power multiple types of deliverables.

Pro-tip from DevPixel:

Once you have a brand guideline, prompt Claude: “Based on these guidelines, design a 1280×720 YouTube thumbnail system.” It will reuse the exact color palette, saving you from having to describe everything from scratch.

SECTION 06 / 08
INTERACTIVE VIEWER


6. View the Final Product: Two Complete Slide Decks

Seeing is believing. Below is every single page from the two real slide decks, generated directly from the exact process above – you can interact directly with the mini-viewer below:

The reference version has not yet provided slide files for direct preview. The tutorial content above remains fully preserved.

SECTION 07 / 08
PRESENTATION STRUCTURE


7. Turn a Topic into a Complete Presentation

Having beautiful slides isn’t enough to make a great talk. Here are the seven core elements added to the ChatGPT slide deck to turn it into a practical, ready-to-use presentation:

  • An opening slide with a “hook”: Explains why it’s worth listening to and what takeaways to expect. Keeps the audience hooked within the first 30 seconds.
  • A table of contents slide with clear page numbers: So everyone knows how long the talk is and where they are along the journey.
  • A location indicator bar in the top corner of each slide: Lets people see which phase you’re in at a glance.
  • A glossary slide explaining difficult terms: Placed right at the beginning so non-experts don’t get lost halfway through.
  • A downsides / limitations slide: Discusses the pitfalls too, not just the achievements. This is what makes a talk credible.
  • An “immediate action items” slide: Three concrete things attendees can do afterward, instead of wrapping up with a clichéd philosophical quote.
  • A references slide with full web links: Anyone wanting to verify the information can look up the original data.

7-Part Slide Prompt
Using the brand-deck skill, create a slide deck about [TOPIC].
Required structure:
– Title slide
– "Why care" and "key takeaways" slide
– Table of contents slide with explicit slide numbers
– Glossary slide explaining complex terms
– Main content section, clearly divided into phases
– Data chart slide (explicitly state units and metric types)
– Downsides / limitations slide – do not just talk about the positives
– Three key takeaways slide
– Three immediate action items slide
– References slide with web links
– Q&A slide
Every metric must be verified against real sources; do not generate from memory.
Present the outline for approval before building the file.
Most important part of the prompt above:

The line “every metric must be verified against real sources”. Without this line, the AI model will hallucinate numbers that sound convincing but are completely inaccurate. Always require source checking, and always verify a few critical numbers yourself before presenting.

SECTION 08 / 08
TROUBLESHOOTING

8. Frequently Asked Questions & Troubleshooting (FAQ)

A compilation of hands-on experience when automating PowerPoint slide production with Claude AI:

Are slide colors off or washed out compared to the original brand guidelines?
▼

The cause is usually AI hallucinating generic color codes. Fix this by explicitly defining exact Hex color codes (#HEX) in the brand_kit.py file or attaching an image of your brand color palette in the initial prompt.

Is slide text overflowing the margins or overlapping illustrations?
▼

This limitation occurs when text blocks are too long. Add a rule to SKILL.md: ‘Each slide has a maximum of 1 title (under 8 words) and no more than 4 bullet points, each under 15 words’ to ensure the AI strictly controls the layout.

Facing font issues when sending the PowerPoint file (.pptx) to be opened on another computer?
▼

If you use custom fonts (such as proprietary brand fonts), the layout will break on the recipient’s computer if the font is not installed. The solution is to enable Embed Fonts in File when saving the file in PowerPoint, or prioritize standard system fonts like Inter, Roboto, or Arial.

When asking Claude to tweak a minor detail, do other parts get messed up?
▼

Instead of issuing a generic revision prompt, ask Claude to make localized edits: ‘Only modify the content on Slide 4; keep 100% of the code structure and layout across all other slides absolutely intact’.

Claude refuses to trigger the Skill installed in the project?
▼

Explicitly call out the skill name at the beginning of the prompt: Using skill brand-deck, please create a slide deck..., and double-check whether the SKILL.md file has been enabled in the Project Knowledge section.

Default Microsoft Office colors (blue, orange) appear in the slides?
▼

This issue occurs when the python-pptx library falls back to the default theme. The brand_kit.py file must explicitly define a custom color palette to completely override the default Office color scheme.

Are the statistical figures or charts generated by AI reliable?
▼

AI may fabricate numbers if you do not provide input data. Always paste actual business data tables alongside your prompt and state clearly: ‘Plot charts using only the provided data, absolutely do not fabricate numbers’.

Does this workflow completely replace tools like Canva or Gamma?
▼

The Claude workflow combined with python-pptx blows drag-and-drop tools out of the water when it comes to bulk automation and 100% brand identity compliance without manual page-by-page adjustments. However, for slides requiring elaborate visual effects, you can still export the .pptx file and import it into Canva for further fine-tuning.

#AI Automation#Branding#Claude AI#PowerPoint
Share articleFacebook X
CỘNG ĐỒNG KỸ THUẬT

Thảo Luận (0)

DEVPIXEL FORUM

Chưa có bình luận nào. Hãy là người đầu tiên chia sẻ góc nhìn!

Để lại bình luận của bạn