ckm:slides
Erstelle strategische HTML-Präsentationen mit Datenvisualisierung
Das Erstellen überzeugender Slide-Decks von Grund auf erfordert stundenlange Design- und Texterarbeit. Dieser Skill bietet bewährte Vorlagen, Chart.js-Integration und Copywriting-Formeln, um schnell professionelle Präsentationen zu erstellen.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "ckm:slides". Erstelle eine Titelfolie für ein Fintech-Startup namens 'PayFlow', das grenzüberschreitende Zahlungen vereinfacht
Erwartetes Ergebnis:
Titel: 'PayFlow: Grenzenlose Zahlungen, sofort'
Untertitel: 'Sende Geld weltweit in unter 30 Sekunden'
Layout: Zentrierter Titel mit Gradient-Text, Fade-Up-Animation
Verwendung von "ckm:slides". Füge ein Traktion-Diagramm hinzu, das das Wachstum der monatlich wiederkehrenden Einnahmen von 5.000 $ auf 45.000 $ über 4 Monate zeigt
Erwartetes Ergebnis:
Chart.js-Liniendiagramm mit Monaten (Sep-Dez) auf der x-Achse und MRR-Werten auf der y-Achse. Rote Rahmenfarbe passend zur Hauptmarkenfarbe, sanfte Spannungskurve, halbtransparenter Füllbereich unter der Linie.
Verwendung von "ckm:slides". Erstelle eine Problem-Folie über langsame internationale Überweisungen
Erwartetes Ergebnis:
Problem: 'Internationale Überweisungen dauern 3-5 Werktage.'
Verschärfung: 'In einer Echtzeit-Wirtschaft kostet tagelanges Warten auf das eigene Geld Geschäfte, verzögert Gehaltszahlungen und frustriert Teams.'
Lösungseinleitung: 'PayFlow wickelt in 30 Sekunden ab.'
Sicherheitsaudit
Niedriges RisikoThe skill consists of documentation and reference files for creating HTML presentations. The static analyzer flagged 121 patterns, but all are false positives. 'Weak cryptographic algorithm' warnings match on CSS keywords like 'key' and 'signature' used in presentation contexts. 'Ruby/shell backtick execution' warnings match on markdown code formatting. Network references point to legitimate CDNs (cdn.jsdelivr.net for Chart.js, images.pexels.com for stock images). No executable scripts or malicious code patterns were found.
Probleme mit niedrigem Risiko (2)
Risikofaktoren
🌐 Netzwerkzugriff (2)
Qualitätsbewertung
Was du bauen kannst
Startup-Pitch-Decks
Gründer, die Investorenpräsentationen für Seed- oder Series-A-Finanzierungsrunden erstellen und dabei bewährte YC-Deck-Strukturen nutzen.
Vertriebsunterstützung
Vertriebsteams, die Produkt-Demo-Decks und Pitch-Präsentationen mit überzeugenden Copywriting-Formeln erstellen.
Interne Kommunikation
Manager, die QBR-Berichte, All-Hands-Updates und Vorstandsmeetings-Präsentationen mit Datenvisualisierung erstellen.
Probiere diese Prompts
Erstelle eine Titelfolie für eine Präsentation über [Thema] mit einem überzeugenden Hook.
Erstelle eine Metriken-Dashboard-Folie mit [Metrik 1], [Metrik 2], [Metrik 3] und einem Chart.js-Balkendiagramm für den monatlichen Umsatz.
Erstelle ein 5-Folien-Pitch nach der PAS-Formel: Problem-Folie, Verschärfungs-Folie, Lösungsübersicht, Feature-Grid und CTA-Abschluss.
Erstelle ein komplettes 10-Folien YC-Seed-Deck für ein [Branche]-Startup mit Title-, Problem-, Solution-, Traction-Chart-, Market-Sizing-, Product-, Business-Model-, Team-, Financials- und Ask-Folien.
Bewährte Verfahren
- Verwende immer die Suchbefehle der Folien-Wissensdatenbank, um das richtige Layout für deinen Inhaltstyp und deine Position zu finden
- Wende Design-Tokens konsistent über alle Folien hinweg an, um ein einheitliches Branding und einfache Theme-Updates zu gewährleisten
- Befolge die Emotion-Arc-Hinweise für Deck-Strategien, um das Engagement des Publikums durchgehend aufrechtzuerhalten
Vermeiden
- Überspringe nicht die Navigations- und Fortschrittsbalken-Komponenten, da sie für den Präsentationsmodus unerlässlich sind
- Vermeide es, mehr als 6 Metrik-Karten auf einer einzigen Dashboard-Folie zu verwenden, um visuelle Unübersichtlichkeit zu verhindern
- Lade Chart.js nicht aus einer Nicht-CDN-Quelle und binde die vollständige Bibliothek nicht inline in dein HTML ein