Frontend Slides

Frontend Slides ist ein eigenständiger, quelloffener Agenten-Skill von Zara Zhang. Die offizielle Quelle wird als öffentliches GitHub-Repository gepflegt und bietet zusätzlich ein Claude-Code-Plugin mit eigener Plugin-Metadatei. Laut Anbieter hilft der Skill dabei, animierte HTML-Präsentationen von Grund auf zu erstellen, vorhandene PowerPoint-Dateien in eine Webdarstellung zu übertragen und bestehende Decks gezielt zu verbessern. Er ist kein Präsentationsdienst, kein gehosteter Editor und kein Ersatz für redaktionelle oder rechtliche Freigaben. Sein Produktgrenzwert liegt in einer wiederverwendbaren Anleitung mit Vorlagen, CSS-Grundlagen, Animationsmustern und lokalen Hilfsskripten, die ein kompatibler Coding-Agent in einem Nutzerprojekt anwenden kann.

Zweck und Arbeitsweise

Der Ablauf beginnt mit der Klärung von Ziel, Länge, Inhalt und gewünschter Präsentationsform. Für neue Decks schlägt die Quelle eine visuelle Stilfindung vor, bei der mehrere kleine HTML-Vorschauen erzeugt und anschließend gemeinsam mit der nutzenden Person bewertet werden. Dadurch wird eine abstrakte Designentscheidung in einen sichtbaren Vergleich übersetzt. Für bestehende Dateien verlangt der Workflow zuerst eine Bestandsaufnahme von Elementanzahl, Bildgrößen, Textdichte und Viewport-Verhalten. Inhalte sollen bei Überfüllung auf mehrere Folien verteilt werden, statt in eine unlesbare Fläche gepresst zu werden.

Die mitgelieferten Vorgaben decken feste Präsentationsflächen, Foliennavigation, Tastatur- und Touch-Steuerung, reduzierte Bewegung, responsive Außenbereiche sowie eigenständige HTML-Ausgaben ab. Das Repository enthält Stilpresets und einen optionalen Pack mit zahlreichen visuellen Vorlagen. Die Vorlagen sind keine Unternehmensmarken und keine Freigabe für fremde Logos oder Bilder. Nutzende müssen verwendete Schriften, Bilder, SVGs, Screenshots, Zitate und Markenrechte selbst prüfen. Die MIT-Lizenz des Repositorys erlaubt die Nutzung des veröffentlichten Quelltexts unter ihren Bedingungen; sie überträgt nicht automatisch Rechte an den später eingesetzten Präsentationsinhalten oder an extern referenzierten Assets.

Dateien, Konvertierung und Ausgabe

Der Kern zielt auf eine einzelne HTML-Datei mit eingebettetem CSS und JavaScript. Die Quelle beschreibt außerdem ein Python-Skript zur Extraktion von Text, Bildern und Notizen aus PPTX-Dateien sowie ein Exportskript, das lokale Folien über einen temporären HTTP-Server mit Playwright als PDF rendert. Solche Aktionen lesen lokale Dateien, erzeugen Vorschauen oder schreiben Ausgabedateien. Sie dürfen nur mit ausdrücklich ausgewählten Dateien, einem nachvollziehbaren Zielpfad und nicht mit Produktions- oder vertraulichen Unterlagen ausgeführt werden. PDF-Export ist eine statische Momentaufnahme; Animationen und Interaktionen sind darin nicht vollständig erhalten.

Daten, Netzgrenzen und menschliche Abnahme

Die Grundausgabe kann lokal funktionieren, doch die Referenzarchitektur nennt externe Fontshare- oder Google-Fonts-Stylesheets. Das erzeugt Requests an Dritte und kann IP-Adresse, User-Agent und Abrufzeit offenlegen. Weitere optionale Abläufe verweisen auf npm, Playwright, Vercel, YouTube und externe Template- oder Font-CDNs. Vor einer Nutzung müssen diese Requests, Lizenzen, Datenschutzfolgen, Tracking-Risiken und die Verfügbarkeit der Anbieter geprüft werden. Unternehmensdaten, Kundendaten, Präsentationsinhalte und interne Kennzahlen gehören nur mit passender Berechtigung in den Kontext. Ein Agent darf keine Fakten, Zitate, Markenverwendung oder geschäftlichen Aussagen als freigegeben darstellen. Vor Veröffentlichung, Versand, Deployment, PDF-Export oder irreversiblen Dateiänderungen ist eine menschliche Prüfung von Inhalt, Barrierefreiheit, Sicherheit, Quellen, Rechten und Zielgruppe erforderlich.