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.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "frontend-slides". Create a pitch deck for my AI startup
النتيجة المتوقعة:
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.
استخدام "frontend-slides". Convert my quarterly-report.pptx to web format
النتيجة المتوقعة:
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?
التدقيق الأمني
آمنThis 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.
درجة الجودة
ماذا يمكنك بناءه
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.
جرّب هذه الموجهات
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.
أفضل الممارسات
- 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 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