المهارات frontend-slides
📊

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.

يدعم: Claude Codex Code(CC)
🥉 74 برونزي
1

تنزيل ZIP المهارة

2

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

3

فعّل وابدأ الاستخدام

اختبرها

استخدام "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?

التدقيق الأمني

آمن
v1 • 2/25/2026

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.

1
الملفات التي تم فحصها
774
الأسطر التي تم تحليلها
0
النتائج
1
إجمالي عمليات التدقيق
لا توجد مشكلات أمنية
تم تدقيقه بواسطة: claude

درجة الجودة

38
الهندسة المعمارية
100
قابلية الصيانة
87
المحتوى
50
المجتمع
100
الأمان
91
الامتثال للمواصفات

ماذا يمكنك بناءه

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.

جرّب هذه الموجهات

Neue Präsentation
Create a new HTML presentation about [TOPIC]. I need it for [PURPOSE]. Make it visually impressive with smooth animations.
Style-Erkundung
I want to create slides with a [VIBE] feel. Generate some style previews so I can pick the right aesthetic.
PPT-Konvertierung
Convert my PowerPoint file at [FILE_PATH] into an HTML presentation with distinctive styling.
Bestehende verbessern
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

الأسئلة المتكررة

Wie unterscheidet sich diese Fähigkeit von PowerPoint?
Diese Fähigkeit erstellt HTML-Präsentationen, die in jedem Browser mit sanften Animationen und einzigartigem Styling laufen. Im Gegensatz zu PowerPoint ist jede Präsentation eine einzelne HTML-Datei ohne Abhängigkeiten.
Kann ich das generierte HTML später bearbeiten?
Ja, die Ausgabe ist sauberes, gut kommentiertes HTML, das Sie bearbeiten können. CSS-Variablen oben erleichtern Themen-Änderungen.
Welche Styles sind verfügbar?
Styles umfassen Corporate Elegant, Dark Executive, Neon Cyber, Bold Gradients, Paper & Ink, Cinematic Dark und mehr. Die Fähigkeit generiert Previews, damit Sie wählen können.
Funktioniert es mit Mac und Windows?
Ja, die Ausgabe ist plattformunabhängiges HTML, das in jedem modernen Browser auf Mac, Windows oder Linux funktioniert.
Kann ich eigene Bilder hinzufügen?
Ja, die Fähigkeit unterstützt das Hinzufügen von Bildern. Bei PPT-Konvertierung werden Bilder automatisch extrahiert. Für neue Präsentationen können Sie auf Bildpfade verweisen.
Wie präsentiere ich?
Öffnen Sie die HTML-Datei in einem Browser. Verwenden Sie Pfeiltasten, Leertaste oder Scrollen zur Navigation. Klicken Sie auf Navigationspunkte, um zu bestimmten Folien zu springen.

تفاصيل المطور

المؤلف

sickn33

الترخيص

MIT

مرجع

main

بنية الملفات

📄 SKILL.md