Skill zur PPT-Generierung
Übersicht
Dieser Skill generiert professionelle PowerPoint-Präsentationen, indem er KI-generierte Bilder für jede Folie erstellt und zu einer PPTX-Datei zusammenfügt. Der Workflow umfasst die Planung der Präsentationsstruktur mit einem einheitlichen visuellen Stil, die sequenzielle Generierung von Folienbildern (unter Verwendung der vorherigen Folie als Referenz zur Stilkonsistenz) und deren Zusammenbau zu einer finalen Präsentation.
Kernfunktionen
- Planen und Strukturieren von Präsentationen mit mehreren Folien und einheitlichem visuellen Stil
- Unterstützung mehrerer Präsentationsstile: Geschäftlich, Akademisch, Minimal, Apple Keynote, Kreativ
- Generierung einzigartiger KI-Bilder für jede Folie mittels Bildgenerierungs-Skill
- Aufrechterhaltung der visuellen Konsistenz durch Verwendung der vorherigen Folie als Referenzbild
- Zusammenstellen der Bilder zu einer professionellen PPTX-Datei
Präsentationsstile
Wählen Sie einen der folgenden Stile bei der Erstellung des Präsentationsplans:
| Stil | Beschreibung | Am besten geeignet für |
|---|---|---|
| glassmorphism | Mattglas-Paneele mit Unschärfeeffekten, schwebende transluzente Karten, lebendige Farbverlaufshintergründe, Tiefe durch Schichtung | Tech-Produkte, KI/SaaS-Demos, futuristische Pitches |
| dark-premium | Satte schwarze Hintergründe (#0a0a0a), leuchtende Akzentfarben, subtile Glüheffekte, Luxusmarkenästhetik | Premiumprodukte, Führungspräsentationen, High-End-Marken |
| gradient-modern | Kräftige Mesh-Verläufe, fließende Farbübergänge, zeitgenössische Typografie, lebendig und dennoch anspruchsvoll | Startups, Kreativagenturen, Markeneinführungen |
| neo-brutalist | Kräftige, rohe Typografie, hoher Kontrast, bewusste "hässliche" Ästhetik, Anti-Design als Design, Memphis-inspiriert | Coole Marken, Gen-Z-Zielgruppe, disruptive Startups |
| 3d-isometrisch | Saubere isometrische Illustrationen, schwebende 3D-Elemente, weiche Schatten, technikaffine Ästhetik | Technik-Erklärungen, Produktfunktionen, SaaS-Präsentationen |
| editorial | Layouts in Magazinqualität, anspruchsvolle Typografie-Hierarchie, dramatische Fotografie, Vogue/Bloomberg-Ästhetik | Jahresberichte, Luxusmarken, Thought Leadership |
| minimal-swiss | Rasterbasierte Präzision, Helvetica-inspirierte Typografie, kräftiger Einsatz von negativem Raum, zeitlose Moderne | Architektur, Designfirmen, Premiumberatung |
| keynote | Von Apple inspirierte Ästhetik mit kräftiger Typografie, dramatischen Bildern, hohem Kontrast, kinematografischem Gefühl | Keynotes, Produktenthüllungen, inspirierende Vorträge |
Workflow
Schritt 1: Anforderungen verstehen
Wenn ein Benutzer die Erstellung einer Präsentation anfordert, ermitteln Sie:
- Thema/Gegenstand: Worum geht es in der Präsentation?
- Anzahl der Folien: Wie viele Folien werden benötigt (Standard: 5-10)
- Stil: Geschäftlich / Akademisch / Minimal / Keynote / Kreativ
- Seitenverhältnis: Standard (16:9) oder klassisch (4:3)
- Inhaltsgliederung: Hauptpunkte für jede Folie
- Sie müssen nicht den Ordner unter
/mnt/user-dataüberprüfen
Schritt 2: Präsentationsplan erstellen
Erstellen Sie eine JSON-Datei im Verzeichnis /mnt/user-data/workspace/ mit der Präsentationsstruktur. Wichtig: Fügen Sie das Feld style ein, um die visuelle Konsistenz zu definieren.
{
"title": "Präsentationstitel",
"style": "keynote",
"style_guidelines": {
"color_palette": "Tiefschwarze Hintergründe, weißer Text, einzelne Akzentfarbe (blau oder orange)",
"typography": "Kräftige serifenlose Überschriften, sauberer Fließtext, dramatischer Größenkontrast",
"imagery": "Hochwertige Fotografie, randlose Bilder, filmische Komposition",
"layout": "Großzügiger Weißraum, zentrierter Fokus, minimale Elemente pro Folie"
},
"aspect_ratio": "16:9",
"slides": [
{
"slide_number": 1,
"type": "title",
"title": "Haupttitel",
"subtitle": "Untertitel oder Slogan",
"visual_description": "Detaillierte Beschreibung für die Bildgenerierung"
},
{
"slide_number": 2,
"type": "content",
"title": "Folientitel",
"key_points": ["Punkt 1", "Punkt 2", "Punkt 3"],
"visual_description": "Detaillierte Beschreibung für die Bildgenerierung"
}
]
}
Schritt 3: Folienbilder sequenziell generieren
WICHTIG: Generieren Sie Folien streng nacheinander, in der Reihenfolge. Parallelisieren oder bündeln Sie die Bildgenerierung NICHT. Jede Folie hängt vom Ausgabebild der vorherigen Folie als Referenz ab. Das parallele Generieren von Folien unterbricht die visuelle Konsistenz und ist nicht erlaubt.
-
Lesen Sie den Bildgenerierungs-Skill:
/mnt/skills/public/image-generation/SKILL.md -
Für die ERSTE Folie (Folie 1) erstellen Sie einen Prompt, der den visuellen Stil festlegt:
{
"prompt": "Professionelle Präsentationsfolie. [style_guidelines aus Plan]. Titel: 'Ihr Titel'. [visual_description]. Diese Folie legt die visuelle Sprache für die gesamte Präsentation fest.",
"style": "[Basierend auf gewähltem Stil - z.B. Apple Keynote-Ästhetik, dramatische Beleuchtung, filmisch]",
"composition": "Sauberes Layout mit klarer Text hierarchie, [stilspezifische Komposition]",
"color_palette": "[Aus style_guidelines]",
"typography": "[Aus style_guidelines]"
}
python /mnt/skills/public/image-generation/scripts/generate.py \
--prompt-file /mnt/user-data/workspace/slide-01-prompt.json \
--output-file /mnt/user-data/outputs/slide-01.jpg \
--aspect-ratio 16:9
- Für nachfolgende Folien (Folie 2+) verwenden Sie die VORHERIGE Folie als Referenzbild:
{
"prompt": "Professionelle Präsentationsfolie, die den visuellen Stil des Referenzbildes fortsetzt. Behalten Sie dieselbe Farbpalette, Typografie und Gesamtästhetik bei. Titel: 'Folientitel'. [visual_description]. Bewahren Sie die visuelle Konsistenz mit dem Referenzbild.",
"style": "Stil des Referenzbildes exakt übernehmen",
"composition": "Ähnliche Layout-Prinzipien wie das Referenzbild, angepasst an diesen Inhalt",
"color_palette": "Gleich wie Referenzbild",
"consistency_note": "Diese Folie muss so aussehen, als gehöre sie zur selben Präsentation wie das Referenzbild"
}
python /mnt/skills/public/image-generation/scripts/generate.py \
--prompt-file /mnt/user-data/workspace/slide-02-prompt.json \
--reference-images /mnt/user-data/outputs/slide-01.jpg \
--output-file /mnt/user-data/outputs/slide-02.jpg \
--aspect-ratio 16:9
- Fahren Sie für alle restlichen Folien fort, wobei Sie immer auf die vorherige Folie verweisen:
# Folie 3 verweist auf Folie 2
python /mnt/skills/public/image-generation/scripts/generate.py \
--prompt-file /mnt/user-data/workspace/slide-03-prompt.json \
--reference-images /mnt/user-data/outputs/slide-02.jpg \
--output-file /mnt/user-data/outputs/slide-03.jpg \
--aspect-ratio 16:9
# Folie 4 verweist auf Folie 3
python /mnt/skills/public/image-generation/scripts/generate.py \
--prompt-file /mnt/user-data/workspace/slide-04-prompt.json \
--reference-images /mnt/user-data/outputs/slide-03.jpg \
--output-file /mnt/user-data/outputs/slide-04.jpg \
--aspect-ratio 16:9
Schritt 4: PPT zusammenstellen
Nachdem alle Folienbilder generiert wurden, rufen Sie das Kompositionsskript auf:
python /mnt/skills/public/ppt-generation/scripts/generate.py \
--plan-file /mnt/user-data/workspace/presentation-plan.json \
--slide-images /mnt/user-data/outputs/slide-01.jpg /mnt/user-data/outputs/slide-02.jpg /mnt/user-data/outputs/slide-03.jpg \
--output-file /mnt/user-data/outputs/presentation.pptx
Parameter:
--plan-file: Absoluter Pfad zur JSON-Datei des Präsentationsplans (erforderlich)--slide-images: Absolute Pfade zu den Folienbildern in der richtigen Reihenfolge (erforderlich, durch Leerzeichen getrennt)--output-file: Absoluter Pfad zur Ausgabe-PPTX-Datei (erforderlich)
[!NOTE] Lesen Sie die Python-Datei NICHT, rufen Sie sie einfach mit den Parametern auf.
Vollständiges Beispiel: Glassmorphism-Stil (am modernsten/zukunftsweisendsten)
Benutzeranfrage: "Erstellen Sie eine Präsentation über die Einführung eines KI-Produkts"
Schritt 1: Präsentationsplan erstellen
Erstellen Sie /mnt/user-data/workspace/ai-product-plan.json:
{
"title": "Einführung von Nova AI",
"style": "glassmorphism",
"style_guidelines": {
"color_palette": "Lebendiger lila-zu-cyan Farbverlaufshintergrund (#667eea→#00d4ff), Mattglas-Paneele mit 15-20% weißer Deckkraft, elektrische Akzente",
"typography": "SF Pro Display-Stil, fette Gewichtung 700 weiße Titel mit subtilem Textschatten, saubere Gewichtung 400 Fließtext, hervorragender Kontrast auf Glas",
"imagery": "Abstrakte 3D-Glaskugeln, schwebende transluzente geometrische Formen, weiche leuchtende Kugeln, Tiefe durch geschichtete Transparenz",
"layout": "Zentrierte Mattglas-Karten mit 32px abgerundeten Ecken, 48-64px Padding, über dem Farbverlauf schwebend, geschichtete Tiefe mit weichen Schatten",
"effects": "Hintergrundunschärfe 20-40px auf Glasplatten, subtiler weißer Randglanz, weiche farbige Schatten passend zum Farbverlauf, Lichtbrechungseffekte",
"visual_language": "Apple Vision Pro / visionOS-Ästhetik, Premium-Tiefe durch Transparenz, futuristisch und dennoch zugänglich, Designtrends 2024"
},
"aspect_ratio": "16:9",
"slides": [
{
"slide_number": 1,
"type": "title",
"title": "Einführung von Nova AI",
"subtitle": "Intelligenz, neu gedacht",
"visual_description": "Atemberaubender Farbverlaufshintergrund, der von tiefem Lila (#667eea) über Magenta bis zu Cyan (#00d4ff) fließt. Mitte: großes Mattglas-Paneel mit starker Hintergrundunschärfe, enthält fetten weißen Titel 'Einführung von Nova AI' und helleren Untertitel. Schwebe 3D-Glaskugeln und abstrakte Formen um die Karte, die Tiefe erzeugen. Sanfter Glanz, der hinter der Glasplatte hervortritt. Premium visionOS-Ästhetik. Die Glaskarte hat einen subtilen weißen Rand (1px rgba 255,255,255,0.3) und einen weichen lila getönten Schatten."
},
{
"slide_number": 2,
"type": "content",
"title": "Warum Nova?",
"key_points": ["10x schnellere Verarbeitung", "Menschenähnliches Verständnis", "Enterprise-Sicherheit"],
"visual_description": "Gleicher lila-cyan Farbverlaufshintergrund. Linke Seite: schwebende Mattglas-Karte mit dem Titel 'Warum Nova?' in fettem Weiß, darunter drei Hauptpunkte mit subtilen Glas-Pillen-Abzeichen. Rechte Seite: abstrakte 3D-Visualisierung eines neuronalen Netzes als miteinander verbundene Glasknoten mit sanftem Glanz. Schwebende transluzente geometrische Formen (Ikosaeder, Tori), die Tiefe hinzufügen. Konsistente Glassmorphism-Ästhetik zur vorherigen Folie."
},
{
"slide_number": 3,
"type": "content",
"title": "Wie es funktioniert",
"key_points": ["Natürliche Spracheingabe", "Multimodale Verarbeitung", "Sofortige Erkenntnisse"],
"visual_description": "Farbverlaufshintergrund konsistent zu den vorherigen Folien. Zentrale Komposition: drei gestapelte Mattglas-Karten in leichten Winkeln, die die Arbeitsschritte zeigen, verbunden durch weiche leuchtende Linien. Jede Karte hat ein abstraktes Symbol. Schwebende Glaskugeln und Lichtpartikel um die Komposition. Titel 'Wie es funktioniert' in fettem Weiß oben. Tiefe erzeugt durch Kartenschichtung und Transparenz."
},
{
"slide_number": 4,
"type": "content",
"title": "Für Skalierbarkeit gebaut",
"key_points": ["1 Mio.+ gleichzeitige Benutzer", "99,99 % Verfügbarkeit", "Globale Infrastruktur"],
"visual_description": "Gleicher Farbverlaufshintergrund. Asymmetrisches Layout: rechte Seite zeigt großes Mattglas-Paneel mit Metriken in fetter Typografie. Linke Seite: abstrakter 3D-Globus aus Glasplatten und Verbindungslinien, der globale Skalierung repräsentiert. Schwebende Datenvisualisierungselemente als kleine Glaskarten mit Zahlen. Sanfte Umgebungsbeleuchtung. Premium-Tech-Ästhetik."
},
{
"slide_number": 5,
"type": "conclusion",
"title": "Die Zukunft beginnt jetzt",
"subtitle": "Treten Sie der Warteliste bei",
"visual_description": "Dramatische Abschlussfolie. Farbverlaufshintergrund mit leicht erhöhter Lebendigkeit. Zentrale Mattglas-Karte mit fettem Titel 'Die Zukunft beginnt jetzt' und Call-to-Action-Untertitel. Hinter der Karte: Ausbruch von weichen Lichtstrahlen und schwebenden Glaspartikeln, die einen Feiereffekt erzeugen. Mehrere geschichtete Glasformen, die Tiefe erzeugen. Die visuell wirkungsvollste Folie bei gleichzeitiger Wahrung der Stilkonsistenz."
}
]
}
Schritt 2: Bildgenerierungs-Skill lesen
Lesen Sie /mnt/skills/public/image-generation/SKILL.md, um zu verstehen, wie Bilder generiert werden.
Schritt 3: Folienbilder sequenziell mit Referenzverkettung generieren
Folie 1 - Titel (legt die Bildsprache fest):
Erstellen Sie /mnt/user-data/workspace/nova-slide-01.json:
{
"prompt": "Ultra-Premium-Präsentations-Titelfolie mit Glassmorphism-Design. Hintergrund: weicher fließender Farbverlauf von tiefem Lila (#667eea) über Magenta (#f093fb) bis Cyan (#00d4ff), weich und lebendig. Mitte: großes Mattglas-Paneel mit starkem Hintergrundunschärfeeffekt, abgerundete Ecken 32px, enthält fetten weißen serifenlosen Titel 'Einführung von Nova AI' (72pt, SF Pro Display-Stil, Schriftstärke 700) mit subtilem Textschatten, Untertitel 'Intelligenz, neu gedacht' darunter in hellerer Stärke. Das Glas-Paneel hat einen subtilen weißen Rand (1px rgba 255,255,255,0.25) und einen weichen lila getönten Schlagschatten. Um die Karte schwebend: 3D-Glaskugeln mit Brechung, transluzente geometrische Formen (Ikosaeder, abstrakte Kleckse), die Tiefe und Dimension erzeugen. Weicher leuchtender Glanz, der hinter der Glasplatte hervortritt. Kleine schwebende Lichtpartikel. Apple Vision Pro / visionOS UI-Ästhetik. Professionelle Präsentationsfolie, 16:9-Seitenverhältnis. Hypermodernes, Premium-Tech-Produkteinführungsgefühl.",
"style": "Glassmorphism, visionOS-Ästhetik, Apple Vision Pro UI-Stil, Premium-Tech, Designtrends 2024",
"composition": "Zentrierte Glaskarte als Blickfang, schwebende 3D-Elemente, die an den Rändern Tiefe erzeugen, 40% negativer Raum, klare visuelle Hierarchie",
"lighting": "Weiche Umgebungsbeleuchtung vom Farbverlauf, Lichtbrechung durch Glaselemente, subtile Randbeleuchtung auf 3D-Formen",
"color_palette": "Lila-Verlauf #667eea, Magenta #f093fb, Cyan #00d4ff, mattiertes Weiß rgba(255,255,255,0.15), reiner weißer Text #ffffff",
"effects": "Hintergrundunschärfe auf Glasplatten, weiche Schlagschatten mit Farbtönung, Lichtbrechung, subtile Rauschtextur auf Glas, schwebende Partikel"
}
python /mnt/skills/public/image-generation/scripts/generate.py \
--prompt-file /mnt/user-data/workspace/nova-slide-01.json \
--output-file /mnt/user-data/outputs/nova-slide-01.jpg \
--aspect-ratio 16:9
**Folie
…[aus Gründen der Länge gekürzt]