Swiss Ppt Design

PPT Presentation Gate, Router & Visual QA

This skill is the main entry point for all presentation creation. It asks you what you want before any code runs, routes to the correct workflow (browser or scratch), builds the deck, then runs mandatory visual QA before saving.

HARD GATE — ASK BEFORE ANY CODE

When you say "make a presentation/deck/slides/PPT/.pptx", Claude asks TWO questions via AskUserQuestion BEFORE any code runs:

Q1 — Template Source: "Should I search 51pptmoban.com for a free template matching your topic, or build from scratch with Swiss design?" Options: "Search 51pptmoban.com" / "Build from scratch (Swiss design)"

Q2 — Images: "Should I add images to this deck?" Options: "Pexels stock photos" / "AI-generated images" / "Both Pexels + AI" / "I'll provide my own images" / "No images"

ROUTING

PATH A: User Chose 51pptmoban → Browser Workflow

The VERY NEXT tool call after user picks 51pptmoban MUST be:

mcp__playwright__browser_navigate → url: "https://www.51pptmoban.com/"

DO NOT research the topic first. DO NOT search Pexels first. DO NOT invoke skills. ONE tool call: open the browser. Follow the 51pptmoban-browser-playbook skill for all navigation patterns.

After template download: open .pptx with python-pptx, extract layouts/colors/fonts, fill with content while PRESERVING template design. NEVER override the template's fonts or color palette unless explicitly asked.

PATH B: User Chose Scratch → Swiss Design Rules

Apply these rules when building from scratch with python-pptx:

Color System — ONE accent per deck:

• IKB Blue: #002FA7 (default, business/tech/AI)
• Lemon Yellow: #FFD500 (youth/sports/retail)
• Lime Green: #C5E803 (ecology/health/Gen Z)
• Safety Orange: #FF6B35 (energy/alert/call-to-action)

Anti-Slop Rules (NON-NEGOTIABLE):

• NO drop shadows, NO gradients, NO rounded corners
• NO multiple accent colors in a single deck
• NO clip art, NO emoji in content, NO decorative icons
• NO pure black (#000000) — use #1A1A1A
• NO pure white (#FFFFFF) — use #F5F5F0
• NO text overlays on busy images without a dark overlay

Layout Rules:

• 16:9 widescreen: Inches(13.333) × Inches(7.5)
• Accent bars: 0.08in wide rectangles, full slide height
• Two-column: left at Inches(0.8), right at Inches(7.0), each Inches(5.5) wide
• Minimum 0.5in margins on all sides (unless full-bleed image)
• Maximum 3 content zones per slide
• One idea per slide, maximum 8-12 words per bullet

Typography:

• Titles: Bold, 36-54pt
• Body: Regular, 14-18pt
• Labels/Captions: 10-12pt
• Maximum 2 type sizes per slide beyond the title

Image Handling (only when user opts in):

• Cover slide: full-bleed image with semi-transparent dark overlay (40-60% black) + white title
• Section dividers: half-slide image or abstract accent block
• Content slides: only if the image adds information, NEVER decorative filler
• Data/Chart slides: NEVER add decorative images
• Image source priority: Pexels → AI generation → solid color block fallback

User-Provided Images: When user provides their own images (charts, graphs, protocol diagrams, photos):

1. Accept uploaded files (PNG, JPG, GIF, BMP, SVG)
2. Place on the appropriate slide at correct position and size
3. Check resolution: ≥1920px for full-width, ≥1200px for half-width
4. Warn if low-resolution (will appear pixelated)
5. Adjust surrounding layout to accommodate the image
6. If user provides images later: build deck with labeled placeholder boxes

MANDATORY VISUAL QA (Applies to BOTH Paths)

This phase fires AFTER the deck is built, BEFORE saving. Every slide must pass.

Pass 1 — Readability Check

Walk through every text element on every slide:

TEXT vs BACKGROUND CONTRAST:
  ✅ Dark text (#1A1A1A range) on light backgrounds (cream/white/light gray)
  ✅ White/light text on dark backgrounds (#0D1117, #1A1A2E, dark navy)
  ❌ White text on light backgrounds → FIX IMMEDIATELY (invisible)
  ❌ Dark text on dark backgrounds → FIX IMMEDIATELY (invisible)
  ❌ Accent-colored text (#002FA7, #FF6B35) on anything but white → hard to read

FONT SIZE:
  ✅ Titles: 36-54pt
  ✅ Body: 14-18pt
  ✅ Labels/Captions: 10-12pt
  ❌ Body text below 12pt → bump up
  ❌ Titles below 28pt → too small for projection

TEXT OVER IMAGES:
  ✅ Image has semi-transparent dark overlay before white text
  ❌ Text directly on image with no overlay → ADD overlay

TEXT IN COLORED BOXES:
  ✅ Dark text in light-colored boxes
  ✅ White text in dark accent boxes
  ❌ Dark text in dark accent boxes → switch text to white
  ❌ Accent text in accent boxes → too low contrast

Pass 2 — Layout & Spacing Check

BREATHING ROOM:
  ✅ Minimum 0.5-inch margin on all sides
  ❌ Elements touching slide edge without intent → add margin
  ❌ Text running to slide edge → shrink textbox or add padding

CONTENT DENSITY:
  ✅ 1 idea per slide, ≤3 content zones
  ❌ Slide with 4+ distinct blocks → split into two slides
  ❌ More than 8-12 words per bullet → trim
  ❌ Slide with 10+ bullet points → split or use two columns

ALIGNMENT:
  ✅ All left edges aligned to common vertical line
  ✅ Titles at same Y position across all slides
  ❌ Floating/misaligned elements → align to grid
  ❌ Centered elements that should be left-aligned

COLORED BOXES:
  ✅ Box background contrasts with slide background
  ✅ Text inside box contrasts with box color
  ❌ Box on same-color background with no border → add border or change background
  ❌ Huge box for one line of text → resize

Pass 3 — Color Coordination Check

ACCENT COLOR:
  ✅ Exactly 1 accent color used throughout
  ❌ Multiple accent colors → reduce to one
  ✅ Accent appears ONLY on titles, bars, highlights, charts, links

TEMPLATE HARMONY (51pptmoban templates):
  ✅ Inserted elements match template palette
  ✅ New textboxes use template's font color
  ❌ Inserted element uses a color NOT in template → recolor to match

PURITY RULES:
  ✅ No pure white (#FFFFFF) backgrounds — use #F5F5F0
  ✅ No pure black (#000000) text — use #1A1A1A
  ❌ Pure white text on off-white background → one must change
  ❌ Gradient or shadow found → remove, use solid color

Pass 4 — Image & Graphic Placement Check

SIZING:
  ✅ Image fills allocated space without letterboxing
  ❌ Image stretched/distorted → crop or adjust container
  ✅ Chart/graph fills container proportionally
  ❌ Tiny image in vast empty space → enlarge or add companion content

POSITIONING:
  ✅ Image edges align with text edges
  ❌ Image floating mid-slide → align to grid
  ✅ Chart positioned with title and caption
  ❌ Multiple images in chaotic layout → use grid

QUALITY:
  ✅ Image resolution ≥ 1920px wide for full-bleed
  ❌ Pixelated/low-res image → find higher resolution
  ❌ Watermarked image → remove
  ✅ Chart labels legible at projection size

Pass 5 — Fix-Then-Verify Loop

For every ❌ found:

1. Re-open the .pptx with python-pptx
2. Locate the offending element by shape index or text content
3. Fix: change font color, adjust position, add overlay, resize, recolor
4. Re-save
5. Re-run the specific check on the fixed slides

Content QA — Beyond Visuals

After visual QA is clean, verify what the audience actually reads:

SPELLING & GRAMMAR:
  ✅ No typos, no doubled words, no missing punctuation
  ✅ Consistent bullet punctuation (all end with periods OR none do)
  ✅ Title capitalization consistent across slides

FACTUAL ACCURACY:
  ✅ Numbers/dates/statistics match research sources
  ✅ Claims verified against sources
  ❌ Specific claims without a source → add citation

LOGICAL FLOW:
  ✅ Title slide states topic and context
  ✅ Slide 2 establishes WHY this matters
  ✅ Slides 3 to N-2 each have ONE clear point
  ✅ Slide N-1 summarizes key takeaways (max 3)
  ✅ Slide N closes cleanly
  ✅ Reader can understand the argument by reading ONLY slide titles

SLIDE TITLES:
  ✅ Good: "Revenue Grew 24% in Q2, Driven by Enterprise Clients" (tells the story)
  ❌ Bad: "Q2 Financial Results" (just labels the topic)
  ✅ Good: "Three Competitors Dominate the AI Code Editor Market"
  ❌ Bad: "Competitive Analysis"

FONT SAFETY (Chinese text):
  ✅ 微软雅黑 (Microsoft YaHei) for Chinese body text
  ✅ 黑体 for Chinese titles
  ✅ Calibri/Arial for English
  ❌ Specialty fonts not guaranteed on viewer's system → warn user

Final Verification Checklist

Before calling the deck "done" and saving:

• Every text element is readable (contrast verified)
• Single accent color throughout (or template palette preserved)
• No shadows, gradients, or rounded corners on shapes
• All text ≥ 14pt (captions ≥ 10pt)
• Every slide has breathing room, no cramming
• Images have dark overlays if text is on top
• No white text on white backgrounds
• No dark text on dark backgrounds
• Inserted elements match deck color palette
• User-provided images properly placed with captions
• Slide titles tell the story, not just label topics
• Chinese fonts are system-safe (微软雅黑 default)
• Content is factually accurate and spell-checked
• File opens correctly in PowerPoint/WPS
• Speaker notes contain image attribution where required