slide-creator

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

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.

该技能利用AI图像生成能力将书面内容转换为可视化幻灯片图片。它会分析文本内容，提取要点，生成符合演示质量的幻灯片图片。

Prerequisites

前置要求

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

必须拥有
```
nano-banana
```
技能用于图像生成。
Python 3.10+
已安装
```
google-genai
```
包

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

步骤1：分析内容

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

步骤2：创建幻灯片大纲

Structure the presentation as:

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)

演示文稿结构如下：

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

步骤3：生成图像提示词

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)

为每张幻灯片创建符合以下要求的图像提示词：

可视化呈现核心概念
所有幻灯片风格统一
预留合适的文本叠加空间
匹配目标宽高比（通常为16:9）

Step 4: Generate Slide Images

步骤4：生成幻灯片图片

Use the nano-banana skill to generate images:

bash

undefined

使用nano-banana技能生成图像：

bash

undefined

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

undefined

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

undefined

Step 5: Refinement

步骤5：优化调整

Accept feedback and regenerate specific slides:

bash

undefined

接收反馈并重新生成指定幻灯片：

bash

undefined

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

undefined

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

undefined

Slide Prompt Patterns

幻灯片提示词模板

Title Slide

标题页幻灯片

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

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

Concept Slide

概念页幻灯片

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

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

Data/Stats Slide

数据/统计页幻灯片

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

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

Transition/Section Slide

过渡/章节分隔页幻灯片

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

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

Conclusion Slide

结论页幻灯片

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

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

查看references/slide-styles.md获取预定义的风格预设：

企业风：专业蓝色调、简洁线条、极简设计
创意风：大胆用色、动态构图
技术风：深色主题、代码/电路美学
极简风：大量留白、 subtle 点缀
暖调风：大地色系、有机形状

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"
    }
]

创建

slide_prompts.json

文件：

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

undefined

markdown

undefined

The Future of Remote Work

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

Key Benefits

Flexibility
Work-life balance
Global talent access

Flexibility
Work-life balance
Global talent access

Challenges

Communication
Culture building
Technology needs

Communication
Culture building
Technology needs

Best Practices

...

undefined

...

undefined

Generated Slide Outline

生成的幻灯片大纲

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

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"}
]

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.

一致性：所有提示词使用相同的风格关键词。
文本预留：始终添加「space for text」或「clean area for overlay」说明。
宽高比：标准演示使用16:9比例。
单一概念：每张幻灯片仅可视化一个核心要点。
色彩协调：确定调色板并在每个提示词中引用。

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.

当用户提出修改需求时：

指定幻灯片修改：仅使用调整后的提示词重新生成对应幻灯片。
风格变更：创建新提示词批量重新生成所有幻灯片。
轻微调整：使用edit_image.py进行微调。
复杂优化：使用chat_session.py进行迭代式复杂优化。

Output Structure

输出结构

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

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  # 保存提示词用于后续参考