---

name: baoyu-slide-deck description: Generate professional slide deck images from content. Creates comprehensive outlines with style instructions, then generates individual slide images. Use when user asks to "create slides", "make a presentation", "generate deck", or "slide deck".

Slide Deck Generator

Transform content into professional slide deck images with flexible style options.

Usage

Copy/baoyu-slide-deck path/to/content.md
/baoyu-slide-deck path/to/content.md --style sketch-notes
/baoyu-slide-deck path/to/content.md --audience executives
/baoyu-slide-deck path/to/content.md --lang zh
/baoyu-slide-deck path/to/content.md --slides 10
/baoyu-slide-deck path/to/content.md --outline-only
/baoyu-slide-deck  # Then paste content

Script Directory

Important: All scripts are located in the scripts/ subdirectory of this skill.

Agent Execution Instructions:

1. Determine this SKILL.md file's directory path as SKILL_DIR
2. Script path = ${SKILL_DIR}/scripts/<script-name>.ts
3. Replace all ${SKILL_DIR} in this document with the actual path

Script Reference:

Options

Slide Count Guidance:

Maximum 30 slides per deck. For longer content, split into multiple decks.

Audience Guidelines

Design decisions should adapt to target audience. Use --audience to set.

Audience-Specific Principles

Beginners:

• One concept per slide
• Visual metaphors over abstract diagrams
• Step-by-step progression
• Generous whitespace

Experts:

• Multiple data points per slide acceptable
• Technical diagrams with precise labels
• Assume domain knowledge
• Dense but organized information

Executives:

• Lead with insights, not data
• "So what?" on every slide
• Decision-enabling content
• Bottom-line upfront (BLUF)

Style Gallery

Style Selection Principles

Content-First Approach:

1. Analyze content topic, mood, and industry before selecting
2. Consider target audience expectations
3. Match style to subject matter (not personal preference)

Quick Reference by Content Type:

Note: Full style specifications in references/styles/<style>.md

Available Styles

Auto Style Selection

Layout Gallery

Optional layout hints for individual slides. Specify in outline's // LAYOUT section.

Slide-Specific Layouts

Infographic-Derived Layouts

Usage: Add Layout: <name> in slide's // LAYOUT section to guide visual composition.

Layout Selection Tips

Match Layout to Content:

Layout Flow Patterns:

Common Mistakes to Avoid:

• ✗ Using 3-column layout for 2 items (leaves columns empty)
• ✗ Stacking charts/tables below text (use side-by-side instead)
• ✗ Image layouts without actual images
• ✗ Quote layouts for emphasis (use only for real quotes with attribution)

Design Philosophy

This deck is designed for reading and sharing, not live presentation:

• Each slide must be self-explanatory without verbal commentary
• Structure content for logical flow when scrolling
• Include all necessary context within each slide
• Optimize for social media sharing and offline reading

Visual Hierarchy Principles

Content Density

Professional presentations balance information density with clarity.

High-Density Principles (McKinsey-style):

• Every element earns its space
• Data speaks louder than decoration
• Annotations explain insights, not describe data
• White space is strategic, not filler
• Information hierarchy guides the eye

Density by Slide Type:

Color Selection

Content-First Approach:

1. Analyze content topic, mood, and industry
2. Consider target audience expectations
3. Match palette to subject matter (not defaults)
4. Ensure strong contrast for readability

Quick Palette Guide:

Note: Full color specs in references/styles/<style>.md

Typography Principles

Font Recommendations

Fonts for AI-generated slides. Specify in prompts for consistent rendering.

English Fonts:

Chinese Fonts:

Multilingual Pairing:

Consistency Requirements

Visual Elements Reference

Quick reference for visual treatments. Full specs in style definitions.

Background Treatments

Typography Treatments

Geometric Accents

File Management

Output Directory

Each session creates an independent directory named by content slug:

Copyslide-deck/{topic-slug}/
├── source-{slug}.{ext}    # Source files (text, images, etc.)
├── outline.md
├── outline-{style}.md     # Style variant outlines
├── prompts/
│   └── 01-slide-cover.md, 02-slide-{slug}.md, ...
├── 01-slide-cover.png, 02-slide-{slug}.png, ...
├── {topic-slug}.pptx
└── {topic-slug}.pdf

Slug Generation:

1. Extract main topic from content (2-4 words, kebab-case)
2. Example: "Introduction to Machine Learning" → intro-machine-learning

Conflict Resolution

If slide-deck/{topic-slug}/ already exists:

• Append timestamp: {topic-slug}-YYYYMMDD-HHMMSS
• Example: intro-ml exists → intro-ml-20260118-143052

Source Files

Copy all sources with naming source-{slug}.{ext}:

• source-article.md (main text content)
• source-diagram.png (image from conversation)
• source-data.xlsx (additional file)

Multiple sources supported: text, images, files from conversation.

Workflow

Step 1: Analyze Content

1. Save source content (if pasted, save as source.md)
2. Follow references/analysis-framework.md for deep content analysis
3. Determine style (use --style or auto-select from signals)
4. Detect languages (source vs. user preference)
5. Plan slide count (--slides or dynamic)

Step 2: Generate Outline Variants

1. Generate 3 style variant outlines based on content analysis
2. Follow references/outline-template.md for structure
3. Save as outline-{style}.md for each variant

Step 3: User Confirmation

Single AskUserQuestion with all applicable options:

After selection:

• Copy selected outline-{style}.md to outline.md
• Regenerate in different language if requested
• User may edit outline.md for fine-tuning

If --outline-only, stop here.

Step 4: Generate Prompts

1. Read references/base-prompt.md
2. Combine with style instructions from outline
3. Add slide-specific content
4. If Layout: specified in outline, include layout guidance in prompt:
   • Reference layout characteristics for image composition
   • Example: Layout: hub-spoke → "Central concept in middle with related items radiating outward"
5. Save to prompts/ directory

Step 5: Generate Images

1. Select available image generation skill
2. Generate session ID: slides-{topic-slug}-{timestamp}
3. Generate each slide with same session ID
4. Report progress: "Generated X/N"

Step 6: Merge to PPTX and PDF

Copynpx -y bun ${SKILL_DIR}/scripts/merge-to-pptx.ts <slide-deck-dir>
npx -y bun ${SKILL_DIR}/scripts/merge-to-pdf.ts <slide-deck-dir>

Step 7: Output Summary

CopySlide Deck Complete!

Topic: [topic]
Style: [style name]
Location: [directory path]
Slides: N total

- 01-slide-cover.png ✓ Cover
- 02-slide-intro.png ✓ Content
- ...
- {NN}-slide-back-cover.png ✓ Back Cover

Outline: outline.md
PPTX: {topic-slug}.pptx
PDF: {topic-slug}.pdf

Slide Modification

See references/modification-guide.md for:

• Edit single slide workflow
• Add new slide (with renumbering)
• Delete slide (with renumbering)
• File naming conventions

References

Notes

• Image generation: 10-30 seconds per slide
• Auto-retry once on generation failure
• Use stylized alternatives for sensitive public figures
• Maintain style consistency via session ID

Extension Support

Custom styles and configurations via EXTEND.md.

Check paths (priority order):

1. .baoyu-skills/baoyu-slide-deck/EXTEND.md (project)
2. ~/.baoyu-skills/baoyu-slide-deck/EXTEND.md (user)

If found, load before Step 1. Extension content overrides defaults.