Design & UI
Frontend Slides
Erstellt animierte HTML-Präsentationen im Browser – ganz ohne Build-Tools oder Frameworks
Frontend Slides erzeugt eigenständige HTML-Präsentationen mit fester 16:9-Bühne, inline CSS/JS und ohne externe Abhängigkeiten. Der Skill unterstützt drei Arbeitsmodi: neue Decks von Grund auf erstellen, bestehende PowerPoint-Dateien nach HTML konvertieren oder vorhandene HTML-Präsentationen gezielt erweitern. Über einen strukturierten Frage-Ablauf zu Zweck, Länge, Inhalt und Informationsdichte passt sich das Ergebnis an Vortragsstil oder Lesedeck an.
Statt abstrakter Design-Entscheidungen setzt der Skill auf visuelles Ausprobieren: Er generiert direkt drei unterschiedliche Stil-Vorschauen aus sicheren Presets, aufwendigeren Bold-Templates und einer freien Variante, aus denen Nutzer auswählen. Dabei wird bewusst gegen generische 'KI-Optik' gearbeitet – etwa Standardfonts, Lila-Verlaufsflächen oder austauschbare Layouts. Mitgelieferte Skripte kümmern sich zusätzlich um Deployment, PDF-Export und die Extraktion von Inhalten aus PPTX-Dateien.
FAQ
Häufige Fragen zu Frontend Slides
- Braucht der Skill Node.js, npm oder andere Build-Tools?
- Nein. Frontend Slides erzeugt eigenständige HTML-Dateien mit inline CSS und JS, die direkt im Browser laufen. Es gibt keine externen Abhängigkeiten, keinen npm-Build und keine Frameworks – das Ergebnis ist eine einzelne HTML-Datei pro Präsentation.
- Kann ich vorhandene PowerPoint-Dateien übernehmen oder muss ich bei null anfangen?
- Beides ist möglich. Der Skill kennt drei Arbeitsmodi: komplett neue Decks erstellen, bestehende PPTX-Dateien nach HTML konvertieren oder vorhandene HTML-Präsentationen gezielt erweitern. Für die PPTX-Konvertierung sind Skripte zur Inhaltsextraktion mitgeliefert.
- Wie unterscheidet sich das Ergebnis von generischen KI-Slides mit lila Verläufen und Standardfonts?
- Der Skill arbeitet bewusst gegen diese 'AI-Slop'-Optik: Statt einer einzelnen automatischen Design-Entscheidung generiert er drei unterschiedliche Stil-Vorschauen – von sicheren Presets über aufwendigere Bold-Templates bis zu einer freien Variante –, aus denen ausgewählt wird. Standardfonts wie Arial oder Inter sowie austauschbare Layouts werden dabei gezielt vermieden.
- Funktionieren die erzeugten Präsentationen auch auf dem Smartphone oder werden sie dafür umgebaut?
- Jede Präsentation nutzt eine feste 16:9-Bühne im Format 1920×1080, die als Ganzes auf den Viewport skaliert wird – auch auf Handys. Der Folieninhalt wird dabei nicht neu angeordnet oder responsiv umgebrochen, sondern bleibt in seinem festen Seitenverhältnis, ggf. mit Letterbox-Rändern.