Slide Creator

This skill transforms written content into visual slide deck images using AI image generation. It analyzes text content, extracts key points, and generates presentation-quality slide images.

Prerequisites

•The nano-banana skill must be available for image generation.
•Python 3.10+
•google-genai package installed

Workflow Overview

•Input: Receive content (blog post, article, newsletter, outline)
•Analysis: Extract key points and structure
•Outline: Create slide outline with titles and talking points
•Generation: Create image prompts and generate slide images
•Refinement: Accept feedback and regenerate specific slides

Creating Slides from Content

Step 1: Analyze the Content

Read and analyze the source content to identify:

•Main topic/theme
•Key sections or chapters
•Important points to visualize
•Logical flow and transitions

Step 2: Create Slide Outline

Structure the presentation as:

code

Slide 1: Title slide (topic, subtitle)
Slide 2: Introduction/Problem statement
Slides 3-N: Key points (one concept per slide)
Slide N+1: Conclusion/Summary
Slide N+2: Call to action (optional)

Step 3: Generate Image Prompts

For each slide, create an image prompt that:

•Captures the key concept visually
•Uses consistent style across all slides
•Leaves appropriate space for text overlay
•Matches the desired aspect ratio (typically 16:9)

Step 4: Generate Slide Images

Use the nano-banana skill to generate images:

bash

# Single slide
python ~/.claude/skills/nano-banana/scripts/generate_image.py \
    "Professional slide background: [concept], [style], 16:9 aspect, clean with text space" \
    slide_01.png --aspect 16:9

# Batch generation
python ~/.claude/skills/nano-banana/scripts/batch_generate.py \
    slide_prompts.json ./slides/ --aspect 16:9 --parallel 3

Step 5: Refinement

Accept feedback and regenerate specific slides:

bash

# Edit existing slide
python ~/.claude/skills/nano-banana/scripts/edit_image.py \
    slides/slide_03.png "make the colors more vibrant" slides/slide_03_v2.png

Slide Prompt Patterns

Title Slide

code

Bold typography-inspired background for [topic] presentation, [style], gradient [colors], modern and professional, 16:9 aspect ratio

Concept Slide

code

Visual metaphor for [concept]: [metaphor description], [style], [brand colors], clean composition with space on [left/right] for text overlay, presentation graphic

Data/Stats Slide

code

Abstract data visualization representing [metric/trend], infographic style, [colors], clean white background, professional presentation graphic

Transition/Section Slide

code

Section divider for [section name], abstract [theme] imagery, gradient [colors], full bleed background, minimal text space

Conclusion Slide

code

Inspiring background for conclusion: [theme], uplifting atmosphere, [colors], professional, space for summary points

Style Presets

See references/slide-styles.md for pre-defined style presets:

•Corporate: Professional blues, clean lines, minimal
•Creative: Bold colors, dynamic compositions
•Technical: Dark theme, code/circuit aesthetics
•Minimalist: White space, subtle accents
•Warm: Earth tones, organic shapes

Batch Generation Format

Create a slide_prompts.json file:

json

[
    {
        "prompt": "Title slide for AI presentation, modern tech aesthetic, blue gradient, bold composition",
        "filename": "slide_01_title.png",
        "aspect": "16:9"
    },
    {
        "prompt": "Visual metaphor: neural network as interconnected nodes, tech illustration style, blue and purple",
        "filename": "slide_02_intro.png",
        "aspect": "16:9"
    },
    {
        "prompt": "Growth chart concept, abstract rising bars with glow effect, tech presentation style",
        "filename": "slide_03_growth.png",
        "aspect": "16:9"
    }
]

Example: Blog Post to Slides

Input Blog Post

markdown

# The Future of Remote Work

Remote work is transforming how we think about productivity...

## Key Benefits
1. Flexibility
2. Work-life balance
3. Global talent access

## Challenges
- Communication
- Culture building
- Technology needs

## Best Practices
...

Generated Slide Outline

code

1. Title: "The Future of Remote Work"
2. Hook: Remote work transformation visual
3. Benefits: Flexibility metaphor
4. Benefits: Work-life balance visual
5. Benefits: Global connectivity
6. Challenges: Communication barriers
7. Solutions: Best practices overview
8. Conclusion: Future outlook

Generated Prompts

json

[
    {"prompt": "Title slide: Future of Remote Work, modern office fading into home workspace, professional blue tones", "filename": "slide_01.png"},
    {"prompt": "Remote work transformation: office desk morphing into laptop anywhere, clean illustration style", "filename": "slide_02.png"},
    {"prompt": "Flexibility concept: person working from beach, mountain, city cafe montage, lifestyle photography style", "filename": "slide_03.png"}
]

Tips for Quality Slides

•Consistency: Use same style keywords across all prompts.
•Text Space: Always include "space for text" or "clean area for overlay".
•Aspect Ratio: Use 16:9 for standard presentations.
•One Concept: Each slide should visualize ONE key point.
•Color Harmony: Establish a palette and reference it in each prompt.

Feedback Handling

When the user requests changes:

•Specific slide: Regenerate just that slide with modified prompt.
•Style change: Create new prompts and batch regenerate all.
•Minor edits: Use edit_image.py for adjustments.
•Iterative: Use chat_session.py for complex refinements.

Output Structure

code

output_dir/
├── slide_01_title.png
├── slide_02_intro.png
├── slide_03_point1.png
├── slide_04_point2.png
├── slide_05_point3.png
├── slide_06_conclusion.png
└── slide_prompts.json  # Save prompts for reference