$npx -y skills add MagicCube/agentara --skill ppt-generationUse this skill when the user requests to generate, create, or make presentations (PPT/PPTX). Creates visually rich slides by generating images for each slide and composing them into a PowerPoint file.
| 1 | # PPT Generation Skill |
| 2 | |
| 3 | ## Overview |
| 4 | |
| 5 | This skill generates professional PowerPoint presentations by creating AI-generated images for each slide and composing them into a PPTX file. The workflow includes planning the presentation structure with a consistent visual style, generating slide images sequentially (using the previous slide as a reference for style consistency), and assembling them into a final presentation. |
| 6 | |
| 7 | ## Core Capabilities |
| 8 | |
| 9 | - Plan and structure multi-slide presentations with unified visual style |
| 10 | - Support multiple presentation styles: Business, Academic, Minimal, Apple Keynote, Creative |
| 11 | - Generate unique AI images for each slide using image-generation skill |
| 12 | - Maintain visual consistency by using previous slide as reference image |
| 13 | - Compose images into a professional PPTX file |
| 14 | |
| 15 | ## Presentation Styles |
| 16 | |
| 17 | Choose one of the following styles when creating the presentation plan: |
| 18 | |
| 19 | | Style | Description | Best For | |
| 20 | |-------|-------------|----------| |
| 21 | | **glassmorphism** | Frosted glass panels with blur effects, floating translucent cards, vibrant gradient backgrounds, depth through layering | Tech products, AI/SaaS demos, futuristic pitches | |
| 22 | | **dark-premium** | Rich black backgrounds (#0a0a0a), luminous accent colors, subtle glow effects, luxury brand aesthetic | Premium products, executive presentations, high-end brands | |
| 23 | | **gradient-modern** | Bold mesh gradients, fluid color transitions, contemporary typography, vibrant yet sophisticated | Startups, creative agencies, brand launches | |
| 24 | | **neo-brutalist** | Raw bold typography, high contrast, intentional "ugly" aesthetic, anti-design as design, Memphis-inspired | Edgy brands, Gen-Z targeting, disruptive startups | |
| 25 | | **3d-isometric** | Clean isometric illustrations, floating 3D elements, soft shadows, tech-forward aesthetic | Tech explainers, product features, SaaS presentations | |
| 26 | | **editorial** | Magazine-quality layouts, sophisticated typography hierarchy, dramatic photography, Vogue/Bloomberg aesthetic | Annual reports, luxury brands, thought leadership | |
| 27 | | **minimal-swiss** | Grid-based precision, Helvetica-inspired typography, bold use of negative space, timeless modernism | Architecture, design firms, premium consulting | |
| 28 | | **keynote** | Apple-inspired aesthetic with bold typography, dramatic imagery, high contrast, cinematic feel | Keynotes, product reveals, inspirational talks | |
| 29 | |
| 30 | ## Workflow |
| 31 | |
| 32 | ### Step 1: Understand Requirements |
| 33 | |
| 34 | When a user requests presentation generation, identify: |
| 35 | |
| 36 | - Topic/subject: What is the presentation about |
| 37 | - Number of slides: How many slides are needed (default: 5-10) |
| 38 | - **Style**: business / academic / minimal / keynote / creative |
| 39 | - Aspect ratio: Standard (16:9) or classic (4:3) |
| 40 | - Content outline: Key points for each slide |
| 41 | - You don't need to check the folder under `/mnt/user-data` |
| 42 | |
| 43 | ### Step 2: Create Presentation Plan |
| 44 | |
| 45 | Create a JSON file in `/mnt/user-data/workspace/` with the presentation structure. **Important**: Include the `style` field to define the overall visual consistency. |
| 46 | |
| 47 | ```json |
| 48 | { |
| 49 | "title": "Presentation Title", |
| 50 | "style": "keynote", |
| 51 | "style_guidelines": { |
| 52 | "color_palette": "Deep black backgrounds, white text, single accent color (blue or orange)", |
| 53 | "typography": "Bold sans-serif headlines, clean body text, dramatic size contrast", |
| 54 | "imagery": "High-quality photography, full-bleed images, cinematic composition", |
| 55 | "layout": "Generous whitespace, centered focus, minimal elements per slide" |
| 56 | }, |
| 57 | "aspect_ratio": "16:9", |
| 58 | "slides": [ |
| 59 | { |
| 60 | "slide_number": 1, |
| 61 | "type": "title", |
| 62 | "title": "Main Title", |
| 63 | "subtitle": "Subtitle or tagline", |
| 64 | "visual_description": "Detailed description for image generation" |
| 65 | }, |
| 66 | { |
| 67 | "slide_number": 2, |
| 68 | "type": "content", |
| 69 | "title": "Slide Title", |
| 70 | "key_points": ["Point 1", "Point 2", "Point 3"], |
| 71 | "visual_description": "Detailed description for image generation" |
| 72 | } |
| 73 | ] |
| 74 | } |
| 75 | ``` |
| 76 | |
| 77 | ### Step 3: Generate Slide Images Sequentially |
| 78 | |
| 79 | **IMPORTANT**: Generate slides **strictly one by one, in order**. Do NOT parallelize or batch image generation. Each slide depends on the previous slide's output as a reference image. Generating slides in parallel will break visual consistency and is not allowed. |
| 80 | |
| 81 | 1. Read the image-generation skill: `/mnt/skills/public/image-generation/SKILL.md` |
| 82 | |
| 83 | 2. **For the FIRST slide (slide 1)**, create a prompt that establishes the visual style: |
| 84 | |
| 85 | ```json |
| 86 | { |
| 87 | "prompt": "Professional presentation slide. [style_guidelines from plan]. Title: 'Your Title'. [visual_description]. This slide establishes the visual language for the entire presentation.", |
| 88 | "style": "[Based on chosen style - e.g., Apple Keynote aesthetic, dramatic lighting, cinematic]", |
| 89 | "composition": "C |