frontend-slides
HTML-Präsentationen mit Animationen erstellen
Nicht-Designer haben Schwierigkeiten, visuell ansprechende Präsentationen zu erstellen. Diese Fähigkeit generiert HTML-Folien in Produktionsqualität mit einzigartigem Styling und sanften Animationen durch einen geführten visuellen Erkundungs-Workflow.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "frontend-slides". Create a pitch deck for my AI startup
Erwartetes Ergebnis:
Ihre Präsentation ist fertig! Datei: ai-startup-pitch.html. Style: Neon Cyber mit dunklen Hintergründen. 12 Folien mit Eingangsanimationen, Fortschrittsbalken und Navigationspunkten. Verwenden Sie Pfeiltasten oder Scrollen zur Navigation.
Verwendung von "frontend-slides". Convert my quarterly-report.pptx to web format
Erwartetes Ergebnis:
15 Folien aus Ihrem PowerPoint extrahiert. Jetzt Style auswählen - ich habe 3 Preview-Optionen erstellt (Corporate Elegant, Dark Executive, Clean Minimal). Welche Ästhetik spricht Sie an?
Sicherheitsaudit
SicherThis skill generates HTML presentations and converts PowerPoint files. Static analysis detected external_commands, network, and filesystem patterns, but evaluation confirms these are false positives. The 'external_commands' are documentation strings showing file paths. Network access is limited to loading font resources from legitimate CDNs. Filesystem operations are for extracting PPT content. No malicious intent or security risks identified.
Qualitätsbewertung
Was du bauen kannst
Konferenz-Vortragsfolien
Erstellen Sie visuell beeindruckende Folien für Tech-Talks oder Keynotes mit benutzerdefinierten Animationen und einzigartiger Ästhetik, die sich von typischen Präsentationen abheben.
Startup-Pitch-Deck
Generieren Sie professionelle Pitch-Decks mit poliertem visuellem Design, um Investoren und Kunden mit minimalem Designaufwand zu beeindrucken.
Bestehende PPT ins Web konvertieren
Transformieren Sie legacy PowerPoint-Präsentationen ins moderne HTML-Format mit verbesserten Animationen und besserer Browser-Kompatibilität.
Probiere diese Prompts
Create a new HTML presentation about [TOPIC]. I need it for [PURPOSE]. Make it visually impressive with smooth animations.
I want to create slides with a [VIBE] feel. Generate some style previews so I can pick the right aesthetic.
Convert my PowerPoint file at [FILE_PATH] into an HTML presentation with distinctive styling.
Improve my existing HTML presentation at [FILE_PATH] with better animations and visual design.
Bewährte Verfahren
- Beginnen Sie mit klarer Content-Struktur vor dem Styling - kennen Sie zuerst Ihre Botschaft
- Nutzen Sie die Style-Preview-Phase, damit Nutzer ihre visuellen Präferenzen entdecken können
- Halten Sie Animationen subtil und zielgerichtet - sie sollen verbessern, nicht ablenken
- Testen Sie auf mobilen Geräten und deaktivieren Sie aufwendige Effekte für kleinere Bildschirme
Vermeiden
- Vermeiden Sie generische Schriftarten wie Inter oder Roboto - streben Sie nach einzigartiger Typografie
- Übertreiben Sie Animationen nicht - sie sollen die Botschaft verstärken, nicht verzögern
- Vermeiden Sie lila Verläufe auf weißen Hintergründen - das ist generische KI-Ästhetik
- Überspringen Sie nicht die Style-Preview-Phase - Nutzer brauchen visuelle Bestätigung vor der vollständigen Generierung