Alle Tutorials

2026-07-31 · 7 min

guizang-ppt-skill: Präsentationen mit Claude Code als HTML

Mit guizang-ppt-skill wandelst du Prompts direkt in fertige HTML-Decks um. Mehrere kuratierte Layouts, Themes und WebGL-Hintergründe, eine einzige Datei.

Pitch-Decks, Tutorial-Slides, Social-Posts als Präsentation: Der Designaufwand frisst Zeit, die du besser investieren könntest. Mit dem guizang-ppt-skill für Claude Code erzeugst du hochwertige HTML-Decks direkt aus deinem Terminal. Keine Designanwendung, kein Template-Import.

Was ist guizang-ppt-skill?

Der guizang-ppt-skill ist ein Claude-Code-Skill von op7418. Er wandelt Textprompts in horizontale Swipe-Decks im Magazin-Stil um. Das Ergebnis ist jeweils eine einzige HTML-Datei. Du öffnest sie im Browser, blätterst per Swipe oder Pfeiltaste durch die Folien und kannst die Datei direkt weiterschicken.

Der Skill kommt mit mehreren vordefinierten Layouts und kuratierten Themes, die aufeinander abgestimmt sind. Außerdem sind WebGL-Hero-Hintergründe für die Titelfolie eingebaut. Das Ergebnis wirkt gestaltet, ohne dass du eine einzige Designentscheidung manuell treffen musst. Du beschreibst Inhalt und Kontext, der Skill übernimmt den Rest.

Der Output ist bewusst selbstständig. Kein Framework, kein Build-Schritt, kein laufender Server. Du öffnest die fertige HTML-Datei direkt im Browser. Das macht die Datei einfach zu teilen: als E-Mail-Anhang, als Link aus einem Cloud-Speicher oder direkt über den Browser auf einem Präsentationsrechner.

Was den guizang-ppt-skill von einfachen KI-Outputs unterscheidet: Die Layouts sind speziell für horizontale Swipe-Navigation entwickelt. Das sieht auf dem Desktop und auf Mobilgeräten gut aus. Wer Slides regelmäßig in Browser-Umgebungen präsentiert oder für Social Media nutzt, bekommt damit ein Format, das dort funktioniert, wo klassische PPT-Decks hakeln.

Wie richtest du den Skill ein?

Der guizang-ppt-skill folgt dem gleichen Muster wie alle Claude-Code-Skills. Du legst die Skill-Datei an einem Ort ab, den Claude Code kennt, und kannst sie dann in jeder Session aufrufen.

  1. Lade die Skill-Datei aus dem Repository op7418/guizang-ppt-skill herunter.
  2. Platziere sie im globalen Skills-Verzeichnis (~/.claude/skills/) oder direkt im aktuellen Projektordner.
  3. Starte eine Claude-Code-Session und rufe den Skill mit einem beschreibenden Prompt auf.
# Skill global verfügbar machen
cp guizang-ppt-skill.md ~/.claude/skills/guizang-ppt-skill.md

# Claude Code starten
claude

In der Session formulierst du deinen Prompt mit den Kerninfos: Thema, Zielgruppe, Anzahl der Abschnitte und gewünschtes Theme. Claude generiert daraus die HTML-Datei.

/guizang-ppt-skill Erstelle eine Präsentation über API-Design: REST vs. GraphQL.
Vier Hauptfolien, technisches Publikum, dunkles Theme.

Praxis-Beispiel: Pitch-Deck für einen Beratungsauftrag

Angenommen, du bewirbst dich auf einen Freelance-Auftrag und brauchst ein Deck mit Problemanalyse, Lösungsansatz und Angebot.

Du formulierst einen Prompt mit dem nötigen Kontext: Branche des Kunden, die drei bis fünf Kernpunkte, die du vermitteln willst, und ein passendes Theme aus der Liste. Claude erstellt daraus ein vollständiges Deck mit Titelfolie, Inhaltsseiten und einer Abschlussseite mit Call-to-Action.

Der gesamte Prozess dauert wenige Minuten. Du öffnest die HTML-Datei, überprüfst die Inhalte und passt den Prompt an, falls etwas nicht stimmt. Claude erzeugt das Deck neu. Keine Lernkurve in einem Designtool, kein Template-Chaos, keine Lizenzkosten.

Dieser Workflow eignet sich auch für Tutorial-Videos, bei denen du Slides als visuelle Stütze brauchst. Oder für Karussell-Posts auf LinkedIn, die du aus dem Browser als Screenshots exportierst. Das Format bleibt dabei dasselbe: eine saubere HTML-Datei, die du flexibel einsetzen kannst.

Wann lohnt sich der guizang-ppt-skill?

Der Skill bringt echten Zeitgewinn unter bestimmten Voraussetzungen. Du präsentierst regelmäßig, aber Design ist nicht dein Kerngeschäft. Du willst Slides schnell erstellen, ohne dich in Keynote oder PowerPoint zu vertiefen. Und du arbeitest ohnehin mit Claude Code, also bleibt der gesamte Workflow in deiner gewohnten Umgebung.

Weniger geeignet ist der Skill, wenn du Decks im strengen Corporate-CI eines Unternehmens benötigst. In dem Fall helfen kuratierte Themes nicht weiter: Du brauchst ein Designtool mit Unternehmensvorlagen.

Wer einen Vergleich mit einem ähnlichen Ansatz sucht: Der frontend-slides Skill für Claude Code arbeitet nach dem gleichen Prinzip, erzeugt aber vertikale Folien in einem anderen Ausgabeformat.

FAQ

Kann ich die erzeugte HTML-Datei nachträglich bearbeiten? Ja. Die Datei enthält normales HTML, CSS und JavaScript. Du öffnest sie in einem Editor und passt Texte, Farben oder Abstände manuell an. Der Skill erzeugt keinen gesperrten Output.

Funktioniert der guizang-ppt-skill in jedem Projekt? Der Skill ist projektunabhängig. Du kannst ihn in jeder Claude-Code-Session aufrufen, auch wenn dein aktuelles Projekt nichts mit Webentwicklung zu tun hat.

Was tue ich, wenn Claude den Skill nicht erkennt? Überprüfe, ob die Skill-Datei im richtigen Verzeichnis liegt. Ein Neustart der Claude-Code-Session behebt die meisten Erkennungsprobleme. Falls du den Skill projektlokal abgelegt hast, stelle sicher, dass Claude mit dem richtigen Projektpfad gestartet ist.


Willst du mehr aus Claude Code herausholen? Komm in die kostenlose Claude Business Community: Dort lernst du Claude, Automatisierung, Co-Work, Claude Code, App-Building und Agent-Coding. Zeit sparen, Kosten senken, Business skalieren. Jetzt kostenfrei beitreten.

Marcel Porcher, newways.ai

Kostenlos beitreten

Free Claude Business Community

Lerne Claude, Automatisierung, Co-Work, Claude Code, App-Building & Agent-Coding. Zeit sparen, Kosten sparen, Business skalieren. Kostenlos.

Zur kostenlosen Community