# PPT Generator Pro with Driving Effect > AI-powered high-quality PPT image and video generation with intelligent transitions and interactive playback. Pay-per-use model, no API key configuration required. - Skill: `fluxa-agent-payment/ppt-generator-pro-with-driving-effect` (Agent Skill, multi-file: 9 files) - Install (CLI): `npx skillmds@latest add fluxa-agent-payment/ppt-generator-pro-with-driving-effect` - Raw SKILL.md: https://api.skillmd.com/api/skills/fluxa-agent-payment/ppt-generator-pro-with-driving-effect/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: AI & ML - Author: fluxa-agent-payment (https://skillmd.com/u/fluxa-agent-payment) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/fluxa-agent-payment/ppt-generator-pro-with-driving-effect --- # overview **Features** - Intelligent Document Analysis - Automatically extracts key points and plans PPT content structure - Multiple Styles - Built-in gradient glassmorphism and vector illustration professional styles - High-Quality Images - Uses Nano Banana Pro to generate 16:9 HD PPT slides - AI Transition Videos - Kling AI generates smooth page transition animations (driving effect) - Interactive Player - Video + image hybrid playback with keyboard navigation **Steps** 1. Collect user input (document content, style selection, page count, video generation option) 2. Analyze document and generate slides_plan.json 3. Generate prompts for each page and call Nano Banana API to create images 4. (Optional) Analyze image differences, generate transition prompts, and call Kling API to create videos 5. Generate HTML player and return results **Output** Creates an output folder in the user's working directory: ``` output/ppt_TIMESTAMP/ ├── images/ │ ├── slide-01.png │ ├── slide-02.png │ └── ... ├── videos/ # If video generation is enabled │ ├── preview.mp4 │ ├── transition_01_to_02.mp4 │ └── ... ├── index.html # Image player ├── video_index.html # Video player (if video generation is enabled) ├── slides_plan.json # Content plan └── prompts.json # Prompt records ``` # Phase 1: Collect User Input ## 1.1 Get Document Content Interact with the user to obtain specific content. The format is not restricted. The user may provide the complete content, or you may generate the content for the user. ## 1.2 Select Style Scan the `styles/` directory, list available styles and use AskUserQuestion to choose. ## 1.3 Select Page Count Use AskUserQuestion to ask: ```markdown Question: How many PPT pages would you like to generate? Options: - 5 pages (5-minute presentation) - 5-10 pages (10-15 minute presentation) - 10-15 pages (20-30 minute presentation) - 20-25 pages (45-60 minute presentation) ``` ## 1.4 Generate Video (Optional) ```markdown Question: Would you like to generate transition videos (driving effect)? Options: - Images only (Fast) - Images + Transition videos (Full experience with driving effect) ``` # Phase 2: Document Analysis and Content Planning ## 2.1 Content Planning Strategy Intelligently plan content for each page based on page count: **5-Page Version:** 1. Cover: Title + Core theme 2. Point 1: First key insight 3. Point 2: Second key insight 4. Point 3: Third key insight 5. Summary: Core conclusions or action items **5-10 Page Version:** 1. Cover 2-3. Introduction/Background 4-7. Core content (3-4 key points) 8-9. Case studies or data support 10. Summary and action items **10-15 Page Version:** 1. Cover 2-3. Introduction/Table of contents 4-6. Chapter 1 (3 pages) 7-9. Chapter 2 (3 pages) 10-12. Chapter 3/Case studies 13-14. Data visualization 15. Summary and next steps **20-25 Page Version:** 1. Cover 2. Table of contents 3-4. Introduction and background 5-8. Part 1 (4 pages) 9-12. Part 2 (4 pages) 13-16. Part 3 (4 pages) 17-19. Case studies 20-22. Data analysis and insights 23-24. Key findings and recommendations 25. Summary and acknowledgments ## 2.2 Generate slides_plan.json Create JSON file and save to output directory: ```json { "title": "Document Title", "total_slides": 5, "slides": [ { "slide_number": 1, "page_type": "cover", "content": "Title: AI Product Design Guide\nSubtitle: Building User-Centered Intelligent Experiences" }, { "slide_number": 2, "page_type": "content", "content": "User Satisfaction\nBefore use: 65%\nAfter use: 92%\nImprovement: +27%" }, ... { "slide_number": n, "page_type": "content", "content": "Summary\n- User-centered approach\n- Continuous optimization\n- Data-driven decisions" } ] } ``` # Phase 3: Generate PPT Images ## 3.1 Read Style Template Read the styles/{selected_style}.md file, generate prompts for each page, and combine complete prompts based on page_type via slide.content. ## 3.2 Call Nano Banana API to Generate Images For each page, execute the following steps: 1. **Send Generation Request** via Image Generation Tool (use `/gen-image-pro` for best quality) 2. **Save Image** to ``` output/ppt_TIMESTAMP/images/slide-{number:02d}.png ``` 3. Record each page's prompt to prompts.json > Note: Returned images are base64 encoded data, need to save to file before processing. Supports 16:9 aspect ratio, suitable for PPT scenarios. ## 3.3 Generate HTML Player Read the `templates/viewer.html` template and replace `/* IMAGE_LIST_PLACEHOLDER */` with the actual image list: ```javascript const slides = [ 'images/slide-01.png', // ... ]; ``` Save as `output/ppt_TIMESTAMP/index.html` # Phase 4: Generate Transition Prompts (Video Mode) If user chooses to generate videos, create transition prompts for each pair of adjacent images. ## 4.1 Analyze Image Differences Read the prompt template from `prompts/transition_template.md`. For each pair of adjacent images (slide-01 and slide-02, slide-02 and slide-03...), analyze: - Visual layout differences - Element changes - Color transitions ## 4.2 Generate Transition Descriptions Generate transition prompts based on the template, output format: ```json { "preview": { "slide_path": "images/slide-01.png", "prompt": "The frame maintains the static composition of the cover, with the central 3D glass ring slowly rotating..." }, "transitions": [ { "from_slide": 1, "to_slide": 2, "prompt": "The camera starts from the cover, the glass ring gradually deconstructs, splitting into transparent fragments..." } ] } ``` Save to `output/ppt_TIMESTAMP/transition_prompts.json` # Phase 5: Generate Transition Videos (Video Mode) ## 5.1 Call Kling API to Generate Videos For each transition, execute: 1. **Submit Generation Task** via Video Generation Tool (Kling `/image-to-video`) Request includes: - Start frame image URL - Transition prompt - Video parameters (duration 5 seconds, resolution 1920x1080) 2. **Poll Task Status** via `/get-video` (free endpoint) until video is ready 3. **Download and Save Videos** to `output/ppt_TIMESTAMP/videos/` - `preview.mp4` - Home page loop preview - `transition_01_to_02.mp4` - Transition video > See `./api-docs/kling-video-generation.md` for full integration details. ## 5.2 Generate Video Player Read the `templates/video_viewer.html` template and inject the slides/transitions data, then save as `output/ppt_TIMESTAMP/video_index.html`. # Phase 6: Return Results Introduce the **outputs** to the user and explain **how to use them**: - Open `index.html` for image-based slideshow (keyboard navigation) - Open `video_index.html` for video player with driving transition effects (if generated) # tools * Image Generation Tool (Nano Banana) * name: pay-per-use-based nano-banana * access: agent-pay * usage: ```bash # API Discovery - First discover available endpoints curl https://proxy-monetize.fluxapay.xyz/api/nano-banana/7ded04c9 # Generate high-quality PPT slide image (Nano Banana 3 Pro) # POST to /gen-image-pro → $0.10 per image # POST to /gen-image → $0.10 per image (Nano Banana 2.5) ``` * note * Returned images are base64 encoded data, need to save to file before processing * Use `/gen-image-pro` (Nano Banana 3) for best quality 16:9 PPT slides * See `./api-docs/nano-banana.md` for full integration details * Video Generation Tool (Kling) * name: pay-per-use-based kling-video-generation * access: agent-pay * usage: ```bash # API Discovery - First discover available endpoints curl https://proxy-monetize.fluxapay.xyz/api/kling-video-generation/7ded04c9 # Submit video generation task # POST to /image-to-video → $0.20 per video # GET to /get-video → Free (polling task status) ``` * note * Submit task via `/image-to-video`, then poll `/get-video` until complete * Recommended video duration 5 seconds, resolution 1920x1080 * See `./api-docs/kling-video-generation.md` for full integration details * Make X402 payment: see `./fluxa-wallet/X402-PAYMENT.md` # notes for tools use * If the invoked tool's access is **agent-pay**, it means the tool is accessed by the agent on a **pay-per-use** basis, with **no user involvement required** beyond authorizing the agent to access the user's **FluxA Agent Wallet**. Before using an agent-pay tool for the first time, inform the user and let them choose: ``` To complete this task, I need to use a pay-per-use tool. Do you want to continue? I recommend this approach because: 1. Lowest cost: pay per use, no expensive subscriptions. 2. Best experience: I can access the tool autonomously. No need for you to register on the tool's website, log in, subscribe, and apply for an API key. ``` If the user chooses 'finding alternative solutions', you **cannot complete the task according to the skills guide** and should switch to finding alternative solutions on your own. * If the invoked tool's access is **apikey**, inform the user that they need to **manually configure the API key**. * Cost estimation reference: - Images only (5 slides): ~$0.50 (5 × $0.10) - Images + Videos (5 slides, 4 transitions): ~$1.30 (5 × $0.10 + 4 × $0.20)