slidesvon nextlevelbuilder

Slides Skill.

Ein Claude Code- und Codex-Skill für PPT und Präsentationsfolien: strategische HTML-Präsentationen mit Chart.js, Design-Tokens und responsiven Layouts.

Presentations
HTML-Folien

OpenDesign herunterladen Anleitung ansehen

nextlevelbuilder/ui-ux-pro-max-skill · .claude/skills/slides/SKILL.mdSKILL.md

--- name: slides description: Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies. --- ## When to Use ## Subcommands ## Script Paths ## References (Knowledge Base) ## Routing

Vorspann und Abschnittsüberschriften gelesen aus der Upstream-Datei am 14.09.2026 · 1.718 Zeichen insgesamt

01 Was es tut

Was der slides-Skill in Claude Code und Codex bewirkt

Zusammenfassung, Workflow und Ergebnisse — alles aus der SKILL.md des Skills ausgelesen.

Aus der SKILL.mdGelesen am 14.09.2026 · kein aufgezeichneter Durchlauf

In den eigenen Worten des Skills

Dieser Skill erstellt strategische HTML-Präsentationen mit Chart.js-Datenvisualisierung, Design-Tokens und responsiven Layouts. Er wendet Copywriting-Formeln und kontextbezogene Slide-Strategien auf Marketing-Präsentationen, Pitch-Decks und datengetriebene Slides an.

Der Skill leitet über einen create-Subcommand und stellt eine Wissensbasis aus Layout-Mustern, HTML-Vorlagen, Copywriting-Formeln und Slide-Strategien bereit. Skripte arbeiten relativ zum Skill-Verzeichnis, während sie Projektdateien wie docs/brand-guidelines.md, assets/design-tokens.json oder src/ ausgehend vom Projekt-Root lesen und schreiben.

Was er erzeugt

Strategische Präsentationsfolien mit HTML-Vorlage, Chart.js-Visualisierungen und angewandten Copywriting-Formeln

Siehe Beispiel-Prompt ↗

So funktioniert es

01
Den Subcommand parsen
Der Skill extrahiert das erste Wort aus den Argumenten, um zu bestimmen, welcher Subcommand ausgeführt werden soll.
02
Die Referenzdatei laden
Der Skill lädt die entsprechende Markdown-Datei aus dem references-Verzeichnis, die zum Subcommand passt.
03
Mit den verbleibenden Argumenten ausführen
Der Skill führt die geladenen Referenzanweisungen mit allen Argumenten aus, die dem Subcommand folgen.

02 Finden Sie Ihren Favoriten

Wann Sie den slides Skill verwenden

Verwenden Sie den slides Skill in Claude Code oder Codex, wenn es um PPT- und Folienpräsentationen dieser Art geht. Eignung und Grenzen unten sind der eigenen Datei des Skills entnommen.

Gut geeignet

Marketing-Präsentationen und Pitch-Decks
Datengestützte Folien mit Chart.js
Strategisches Foliendesign mit Layout-Mustern
Copywriting-optimierter Präsentationsinhalt

Grenzen kennen

Benötigt Chart.jsDie SKILL.md nennt diese Abhängigkeit; der Skill funktioniert ohne sie nicht in Ihrem Projekt.

Was Sie bereitstellen sollten

BenötigtChart.js — in der SKILL.md als erforderlich genannt.

03 Innerhalb des Skills

Regeln, die der slides-Skill Claude Code und Codex vorgibt

3 konkrete Anweisungen, Standardwerte und Grenzen, die die SKILL.md dem Agent vorgibt — der Teil der Datei, der das Ergebnis verändert.

Auflösung der Skript-Pfade
Skript-Pfade in diesem Skill und seinen Referenzen sind relativ zum Verzeichnis, das SKILL.md enthält, nicht zum Projekt-Root. Das Arbeitsverzeichnis bleibt am Projekt-Root.
Zugriff auf Projektdateien
Skripte lesen und schreiben Projektdateien wie docs/brand-guidelines.md, assets/design-tokens.json oder src/ relativ zum Projekt-Root-Arbeitsverzeichnis.
Basis des Skill-Verzeichnisses
Bauen Sie den vollständigen Pfad ausgehend vom Basisverzeichnis des Skills, das Claude Code beim Laden des Skills meldet, während das Arbeitsverzeichnis am Projekt-Root bleibt.

04 In Betrieb nehmen

slides in Claude Code oder Codex installieren

Ein npx skills add-Befehl, dann eine erste Aufgabe in Ihrem Agent und eine Checkliste für das Ergebnis.

slides zu Claude Code, Codex oder Ihrem Agent hinzufügen

Im eigenen Projekt ausführen; der Installer fragt, welchem Agent er hinzugefügt werden soll.

Terminal

npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill slides

Generische skills-CLI-Form für .claude/skills/slides/SKILL.md; das Repository dokumentiert unter Umständen einen eigenen Pfad.

Geben Sie dem Skill eine erste PPT- und Folienpräsentationsaufgabe

In den eigenen Begriffen des Skills verfasst; ersetzen Sie die Teile in Klammern durch Ihr Material.

Starter prompt

Create a 12-slide pitch deck on [product launch strategy] with data visualizations for [market growth projections] and [competitive positioning]. Apply layout patterns for visual hierarchy and use copywriting formulas to strengthen the value proposition on key slides.

Quelle: verfasst aus der SKILL.md in den eigenen Begriffen des Skills.

Das erste Ergebnis prüfen

Was die SKILL.md selbst als korrektes Ergebnis beschreibt:

Bestätigen Sie, dass Layout-Muster aus references/layout-patterns.md einheitlich auf allen Slides angewendet werden
Prüfen Sie, dass Copywriting-Formeln aus references/copywriting-formulas.md im Präsentationsinhalt verwendet werden
Stellen Sie sicher, dass Slide-Strategien aus references/slide-strategies.md zum Präsentationskontext passen
Validieren Sie, dass Design-Tokens aus assets/design-tokens.json korrekt angewendet werden
Testen Sie responsive Layouts über verschiedene Viewport-Größen hinweg

In OpenDesign ist slides bereits integriert: Plugins → Skills, wählen Sie es in der oberen Leiste aus.

OpenDesign herunterladen Quickstart lesen

05 Open Source, nachvollziehbar

Quelle, Lizenz und Verifizierung

Woher die Fakten auf dieser Seite stammen und wann sie zuletzt geprüft wurden.

Author: nextlevelbuilder
Repository: github.com/nextlevelbuilder/ui-ux-pro-max-skill Branch main
Skill-Datei: .claude/skills/slides/SKILL.md Inhaltsprüfsumme bei Verifizierung erfasst; Commit 7f69fed
License: MIT Aus LICENSE.
Repository-Sterne: 127.450 GitHub-Snapshot vom 14.09.2026 für das gesamte Repository nextlevelbuilder/ui-ux-pro-max-skill, das 7 Skills in diesem Katalog enthält. Keine Bewertung oder Nutzungszahl für slides.
Verifiziert von OpenDesign: 14.09.2026 Quelldatei, Pfad, Lizenztext und Sternanzahl wurden geprüft. In OpenDesign main gebündelt (geprüft am 28.08.2026); ein Live-Lauf wurde auf dieser Seite nicht erfasst.

In der SKILL.md

Wann verwendenListet Anwendungsfälle auf: Marketing-Präsentationen, datengetriebene Folien, strategisches Design, auf Copywriting optimierte Inhalte
SubcommandsDokumentiert den Subcommand create zum Erstellen strategischer Präsentationsfolien
Skript-PfadeErläutert die Auflösung von Skript-Pfaden relativ zum Skill-Verzeichnis, während vom Projekt-Root aus gearbeitet wird
Referenzen (Wissensdatenbank)Listet Referenzdateien für Layoutmuster, HTML-Vorlage, Copywriting-Formeln, Folienstrategien auf
RoutingBeschreibt den dreistufigen Prozess: Subcommand parsen, Referenzdatei laden, mit den verbleibenden Argumenten ausführen

Die eigene Beschreibung des Skills

„Erstellen Sie strategische HTML-Präsentationen mit Chart.js, Design-Tokens, responsiven Layouts, Copywriting-Formeln und kontextbezogenen Folienstrategien."

Front-Matter-Beschreibung aus SKILL.md. Die vollständige Datei umfasst etwa 1.718 Zeichen. Vollständige Datei auf GitHub lesen.

Slides

Führen Sie slides bei einer echten PPT- und Präsentationsaufgabe aus.

Die slides-Skill ist in OpenDesign enthalten. Laden Sie die App herunter, wählen Sie die Skill unter Plugins → Skills aus, fügen Sie den Prompt oben ein und lesen Sie den Plan vor dem Ergebnis.

OpenDesign herunterladen Alle Skills durchsuchen