Skills für Claude Code
Installiere PopNow-Skills in Claude Code. Lade einen Skill herunter, entpacke ihn in den Skills-Ordner und ruf ihn im nächsten Chat beim Namen auf.
Wohin Skills gehören
- Für alle Projekte
~/.claude/skills- Nur für dieses Projekt
.claude/skills
So rufst du einen Skill auf
Nenn den Skill beim Namen oder beschreib einfach die Aufgabe und lass Claude Code den passenden wählen.
/popnow-<skill>
PopNow verbinden
Skills, die Bilder, Videos oder Ton erzeugen, brauchen einen PopNow-API-Schlüssel in der Umgebungsvariable POPNOW_API_KEY. Jeder kostenpflichtige Schritt wird vorher beziffert und wartet auf dein Okay.
API-Schlüssel erstellenInstallations-Prompt kopieren
Füg ihn in Claude Code ein. Der Agent lädt den Skill mit deinem API-Schlüssel herunter und entpackt ihn in den richtigen Ordner.
Ergebnis anfragen
Ruf den Skill auf und sag in normalen Worten, was du brauchst: Thema, Zielgruppe, Länge.
Prüfen und verfeinern
Öffne die erstellte Datei, bitte im Chat um Änderungen und veröffentliche, wenn alles passt.
3D-Avatar-Maker
+3Baue im Browser eine niedliche 3D-Figur im Plüschtier-Look und speichere sie als transparentes PNG oder 3D-Seite.
Folien für wissenschaftliche Vorträge
+3Projektionsfertige Folien für Forschungsvorträge: eine Botschaft pro Folie, Formeln, Ergebnisse und Sprechernotizen.
Kalender-Heatmap
+3Ein Jahr täglicher Aktivität als schattiertes Kalenderraster, mit Serien, Summen und Tastaturbedienung.
Launch-Video für KI-Agenten mit Figuren-Crew
+3Glänzende Helferfiguren auf Punktepapier, Handy-Aufgaben live und ein Skill, der einen neuen Helfer ausbrütet.
KI-Chatbot-Demo-Video
+3Vertontes Demo in einer dunklen Chat-App: Integration einschalten, fragen, Ergebnis mit hochzählender Zahl.
Agentischer Produkt-Launch-Film
+3Ruhiger Keynote-Launch-Film aus der echten Website und Oberfläche deines Produkts, auf den Beat geschnitten.
KI-SaaS-Landingpage
+3Warmes Sandpapier und feine Linien um ein lebendiges Kanban-Board, auf dem ein Assistent Aufgaben plant.
Produktdemo mit animierter Checkliste
+3Checkliste auf Papierzettel neben einem Handy; jedes Kästchen wird abgehakt, sobald der Schritt passiert.
Animierte Hero-Section
+3Ein Landingpage-Hero mit sanft wechselndem Schlagwort, zwei Buttons und einem breiten Bildrahmen.
Mobile-App-Promo-Video
+310–13 Sekunden App-Promo, in dem sieben Produkt-Momente als eine Kamerabewegung fließen, in HTML und GSAP.
Artikel in Folien umwandeln
+3Mach aus einem langen Artikel oder Bericht eine kurze Briefing-Präsentation mit Quellen und Diskussionsfragen.
ASCII-Glitch-Hype-Film
+3Zeichenraster-Bilder, Tracking-Boxen und Punktmatrix-Wörter, die im Takt auf dein Logo schneiden.
Vorher-nachher-Vergleichs-Launchvideo
+3Fast schwarze Fläche, Mono-Dateinamen, ein elektrischer Akzent: dein Inhalt erst als Seite, dann als Film.
Schwarz-Weiß-Studioporträt
+3Mach aus einem Alltagsfoto ein ruhiges Schwarz-Weiß-Studioporträt, das trotzdem nach dir aussieht.
Illustrations-Set für Blogbeiträge
+3Drei passende Illustrationen zu einem Artikel, jede zeigt genau das, was ihre Passage sagt.
Bauplan-Promo-Video für Spezifikationen
+3Deine Aussage auf einem fast schwarzen Datenblatt: gerahmte Figuren, Schraffuren, Hinweislinien, Schriftfeld.
Markenstrategie-Präsentation
+3Cremefarbene Überschriften auf Fastschwarz, eine Farbfläche pro Seite und matte 3D-Stillleben am Rand.
Markenkit- und DESIGN.md-Generator
+3Markenkit aus einem kurzen Briefing: geprüfte Palette, offene Schriften, SVG-Logo, Mockups und eine DESIGN.md.
Markenpräsentation
+3Eine Markenstory im Magazinstil, vom Ursprung über Überzeugung und visuelle Codes bis zur Zukunft, voll bearbeitbar.
Schnittbild-Poster: Aufbau eines Autos
+3Seitenansicht eines generischen Autos mit farbigen Systemen, nummerierten Markierungen und Lupenfenstern.
Kreidetafel-Infografik-Generator
+316:9-Infografik im Kreidetafel-Stil mit exakt gesetztem kurzem Text, Kreidezeichnungen und klarem Lesepfad.
Changelog-Erklärvideo
+3Mach aus einem echten Pull Request einen 30-Sekunden-Film für Leute, die den Diff nie lesen werden.
Launch-Video im Ein-Thread-Chat
+3Ein Chatfenster auf warmem Papier, das nie zurückgesetzt wird: Wartezeit erfragen, Fix erfragen, zusehen.
Filmischer Teaser für dunkle Oberflächen
+3Deine Oberfläche treibt in schwarzer Leere: gleitende Kamera, Fokusband, getippter Befehl, leuchtender Name.
Filmische Storyboard-Bilder
+3Drei Storyboard-Kontaktbögen für eine Szene, jeder ein anderer Dreh-Ansatz, Anschluss geprüft.
Workshop-Präsentation im Papierschnitt-Stil
+3Eine warme, handgemachte Workshop-Präsentation mit Papierschnitt-Akzenten und bunten Fotocollagen von Menschen.
Bunte Pop-Präsentation
+3Cyan, Koralle, Pink und Gold als Farbflächen, Studiofotos, abgerundete Panels und große Überschriften.
Set mit konsistenter Concept Art
+3Eine Figur, ein Requisit und eine Umgebung, die eindeutig zur selben erfundenen Welt gehören.
Consulting-Präsentation
+3Eine Empfehlung im Beraterstil: Jeder Folientitel ist eine Schlussfolgerung, die letzte Seite fordert eine Entscheidung.
Shader-Hero-Website für Agenturen
+3Orange-Shader hinter großer Aussage, Pillen-Navigation und versetztem Raster mit Fallstudien.
Niedliche Buntstift-Doodles
+3Liebenswert ungeschickte Buntstift-Figuren auf Weiß: wacklige Linien, Kritzelflächen, scharfe Dateien.
Dunkle SaaS-Landingpage
+3Eine dunkle, bewegungsreiche Marketingseite für ein Softwareprodukt, geliefert als eine eigenständige HTML-Datei.
Designer-Portfolio-Website
+3Sechs geneigte Karten um eine verblassende Überschrift auf ruhigem Grau, eine rote Porträtkarte, Fallstudien.
Launch-Reel für Developer-Tools
+3Ein Prompt, viermal getippt, ein taktgenauer Reel echter Ergebnisse und danach dein Installationsbefehl.
Entwickler-Portfolio-Website
+3Eine dunkle persönliche Website für Entwickler mit Fallstudien, Artikeln, Vorträgen, Lebenslauf und Kontaktformular.
SaaS-Produktvideo mit Gerätemockups
+3Dein echter App-Bildschirm auf neutralem Gerät im dunklen Studio, dann eine Live-Aktion und helle Enthüllung.
Bearbeitbare PowerPoint-Vorlage
+3Eine hochwertige Präsentation nur aus Live-Text, Formen und Diagrammen, damit der PowerPoint-Export voll bearbeitbar bleibt.
Redaktionelles Launch-Video auf warmem Papier
+3Übergroße Typo auf warmem Papier, eine Akzentfarbe pro Bild, eine angehobene Produktkarte und ein Finale.
Redaktionelle Linienillustration
+3Luftige Tuschelinien mit einer Akzentfarbe für Blog-Header, Newsletter und Social Cards.
Präsentation im Magazin-Stil
+3Eine Präsentation wie ein Printmagazin, mit schmalen Headlines, Handwerksfotos und Flächen in Senfgelb und Zinnober.
Redaktionelle SaaS-Website
+3Marineblauer geteilter Hero, Serifen-Überschrift neben einem Dokumentarbild, schräge Bänder, ein Kobaltakzent.
Stichstil-Illustration als Artikel-Titelbild
+3Eine surreale Tusche-Gravur pro Essay: kreuzschraffiert, randlos, die große Idee als eine einzige Szene.
Explosionszeichnung einer E-Auto-Plattform
+3Ein E-Auto Schicht für Schicht auseinandergezogen: Batterie, Motoren, Kabine und Karosserie, mit Hinweisen.
Explosionsposter für Produkte
+3Explosionsbild eines Produkts als Hero, mit exakten Teilbeschriftungen aus deiner Spezifikationstabelle.
Fantasy-Karten-Generator
+3Pergament-, Atlas- oder Schwarzlinien-Karten deiner Welt, jeder Name richtig gesetzt, Raster passgenau.
Feature-Launch-Video aus Nutzerbeschwerden
+3Beginne mit der Beschwerde, die Nutzer immer wieder posten, und zeig, dass das neue Feature sie widerlegt.
Regionale Geschmackskarte für Lebensmittel
+3Eine ruhige gemalte Regionalkarte, in jeder Region ein kleines Geschmacksdiagramm auf einer gemeinsamen Skala.
Witziges Problem-Lösungs-Video
+3Ein kleines Ärgernis wird als Gag gespielt, höfliche Bitten häufen sich, dann löst eine orange Pille alles.
Glassmorphism-Präsentation
+3Eine luftige Glassmorphism-Präsentation mit Himmelsfotos und transluzenten Karten, die komplexe Themen klar wirken lässt.
Glassmorphism-Website-Vorlage
+3Mattglas-Pillen auf Fastschwarz, große Serifen-Überschrift mit einem kursiven Wort und E-Mail-Anmeldung.
Pastell-Verlauf-Pitch-Deck
+3Schwere schwarze Überschriften auf weichen Aprikot- und Flieder-Verläufen, feines Korn, weite Ränder.
Halbton-Leinwand-Launch-Video
+3Ein Launch-Film auf einer lebendigen Punktleinwand, die sich vor jeder Textzeile um einen Takt früher bewegt.
Handgezeichnetes Infografik-Video
+3Filzstift-Felder auf einem Poster, eine Route, der die Kamera folgt, am Ende der Blick aufs ganze Blatt.
Website für Hardware-Produkte
+3Riesige haarlinige Modellnamen auf Silber-Studioaufnahmen, Datenkarten und eine maßstabsgetreue Reihe.
KI-Assets für HyperFrames
+3Hero-Bilder, B-Roll, Musik und Sprache für HyperFrames-Videos, vorab angeboten und in assets/ abgelegt.
Illustrierte Stadtkarte
+3Handgezeichnete Karte eines Viertels oder einer Stadt, dort korrekt, wo es zählt, und exakt beschriftet.
Tuschskizzen-Storyboard
+3Eine grobe Tusche-Storyboard-Seite aus einer kurzen Geschichte: offene Linien, weißer Raum, ein Beat pro Feld.
Interaktives Architekturdiagramm
+3Ein offline nutzbares, klickbares Systemdiagramm aus einem geprüften JSON-Modell, mit den Belegen zu jedem Kasten.
Interaktiver Raster-Hero
+3Dunkles Raster feiner Fäden, das sich zum Cursor neigt und bei jedem Klick einen Ring ausrollt.
Knowledge-Graph-Explorer
+3Mach aus Projektnotizen einen durchsuchbaren Offline-Graphen, in dem jede Aussage auf ihre Quellzeile verweist.
KPI-Dashboard-Vorlage
+3Vier KPI-Kacheln mit Veränderungs-Chips über einem leuchtenden Liniendiagramm, Aufschlüsselung und Zielbalken.
Landingpage aus KI-Mockups
+3Drei Entwürfe ganzer Seiten ansehen, einen wählen, dann baut dein Agent ihn als sauberen Code.
Produkt-Launch-Film
+3Ein 20–40 Sekunden langer Launch-Film aus deiner URL oder README, mit fertigen Post-Texten.
Strichzeichnungs-OG-Bild-Generator
+3Ruhige Link-Vorschaubilder: cremeweiße Karte, kurze schwarze Überschrift und eine handgezeichnete Tuschefigur.
Flüssiges Logo-Reveal
+3Eine glänzende Perle trägt dein Zeichen, unlesbar, dann platzt sie und hinterlässt die scharfe Wortmarke.
Magazin-Website-Vorlage
+3Eine Magazin-Website in Printqualität mit Artikeln, Themen, kleinem Shop und Abos, als eine HTML-Datei.
Meeresbiologie-Forschungsposter
+3Breites Forschungsposter um einen gemalten Lebensraum-Querschnitt, mit nummerierten Arten und Befunddiagramm.
Keynote-Launch-Video mit mehreren Stilen
+3Jede Fähigkeit in ihrer eigenen Welt: Diagramm in Blau, Serifenseite in Creme, dunkles Licht, Poster-Raster.
Mehrsprachiges Launch-Video
+3Der Produktname steht still, jede Sprache rollt in ihrer eigenen Schrift ein, gesprochen und untertitelt.
Erklärvideo mit Erzählung
+3Erklärvideo mit Sprecher und synchronen Untertiteln, 45–120 Sekunden, im Collage-, Whiteboard- oder Datenstil.
Nachthimmel-Präsentation
+3Goldene Serifen auf tiefem Marineblau, funkelnde Sterne, warmer Horizont und gemalte Landschaften.
Foto-Präsentation für Outdoor-Programme
+3Eine helle, fotobetonte Präsentation für Outdoor-Programme, Vereine und Retreats, bearbeitbar und PowerPoint-fertig.
Scherenschnitt-Animation für Wissenschaft
+3Papierlagen im Schattenkasten, Sonne und Mond als Ausschnitte, Schilder an Fäden: eine Idee, erzählt.
Partikel-Animations-Hero
+3Text auf warmem Papier neben einer drehenden Kugel aus Tinten- und Türkispunkten, die sich je Idee formt.
Partner-Ankündigungsvideo
+3Sprecher im Rahmenfenster, zwei Logos auf einer Karte, getipptes Setup und Verben im Takt der Stimme.
Persönliche Marken-Website
+3Ein Porträt, das in warmes Papier übergeht, darüber eine feine Klammer, daneben kurze und fette Aussagen.
Handy-Mockup-Generator
+3Deine App auf einem 3D-Falthandy, das auf weichem Grund aufklappt: scharfe PNG-Bilder oder ein Faltclip.
Fotokomposition-Studien
+3Drei fotografische Fassungen desselben Motivs, jede auf einem anderen Kompositionsprinzip aufgebaut.
Pitch-Deck-Vorlage
+3Indigo-Titel mit violettem Glas, blasse Flieder-Seiten, runde Fotofenster und eine Glaskarte pro Kernzahl.
Pixel-Art-Promo-Video
+3Retro-Pixel-Art-Film über dein Produkt, Bild für Bild aus Link, Pitch oder Geschichte gezeichnet.
Plüschfiguren-Launch-Video
+3Filz-Plüschfiguren reiten auf dem Cursor und bauen dein Promo live im Team-Editor, Schnitt auf dem Takt.
Kinoreife Produkt-Launch-Seite
+3Fastschwarze Filmseite: Serifen-Titelkarte über gleitendem Licht, Letterbox-Nachtszene, Reservierungsformular.
Präsentation zu einer Forschungsarbeit
+3Abbildung im Mittelpunkt auf warmem Papier, waldgrüne Tinte, Quellenzeile unter jedem Diagramm.
Admin-Dashboard-Vorlage
+3Eine funktionierende Backoffice-Konsole mit Diagrammen, Tabellen, Kanban und Kalender, als eine Offline-HTML-Datei.
SaaS-Landingpage-Vorlage
+3Eine ruhige, helle Marketingseite für ein Softwareprodukt mit funktionierender Produktkonsole, Preisen und Registrierung.
Portfolio-Website im Scrapbook-Stil
+3Ein mehrseitiger Online-Lebenslauf aus Papierobjekten, mit Fallstudien und druckbarem Lebenslauf.
Sketchnote-Präsentation
+3Eine kräftige Präsentation in Schwarz und Gelb mit riesigen Headlines und handgezeichneten Tuscheszenen.
Sketchnote-Bildgenerator
+3Handgezeichnete 4:3-Sketchnote aus einem Artikel oder Notizen, mit exakten, geprüften Beschriftungen.
Sneaker-Shop-Website-Vorlage
+3Ein kompletter Schuh- oder Modeshop mit Katalog, Produktseiten, Warenkorb und Demo-Checkout in einer HTML-Datei.
Social-Cover- und Thumbnail-Generator
+3Eine Botschaft rein, ein geprüftes Set aus OG-Bildern, Post-Covers und Thumbnails raus, jede Größe exakt.
Social-Media-Berichtsdeck
+3Zweifarbige Überschriften auf Grau, graustufige Gruppenfotos, geneigte Pillen und A/B/C-Auswahlen.
Stille-zu-Ton-Reveal-Promo
+3Ein Knopf, dreimal in völliger Stille gedrückt, dann dieselbe Einstellung mit Ton und danach mit Musik.
Quadratisches UI-Morph-Promo
+3Auf warmem Papier streckt sich ein Button zur Prompt-Karte, dann zoomt die Ansicht auf eine Sitzungswand.
Startup-Pitch-Deck
+3Elektrisch blaue Glasbänder auf Schwarz, riesige weiße Überschriften, gerahmte Fotos und eine Karte pro Seite.
Papier-Bilderbuch-Animation
+3Ein bewegtes Bilderbuch: Filz- und Ton-Ausschnitte, geschichtete Papierhügel, Wörter, die aufpoppen.
Bilderbuch-Präsentationsvorlage
+3Gouache-Kinderporträts auf Elfenbein, riesige Kapitelzahlen, senkrechte Labels, kleine Textinseln.
Kundenstimmen-Video-Maker
+3Porträtkarten mit erhobener Zitatkarte auf warmem Papier, Türkisakzent, sanfte Überblendung pro Kunde.
Text hinter der Person als Titel
+3Eine riesige Überschrift schiebt sich hinter die Person im Bild und übernimmt nach einem Schnitt das Bild.
Material-Textur-Typo-Promo
+3Überschriftenbuchstaben aus Terrazzo, Backstein und Stahl, die alle drei Bilder die Oberfläche wechseln.
Schulungspräsentation
+3Eine praxisnahe Schulungspräsentation in kurzen Zyklen aus Einordnen, Üben und Reflektieren, mit Aktivitäten und Umsetzungsplan.
Storytelling-Präsentation
+3Eine filmische Präsentation Szene für Szene, mit bildfüllenden gezeichneten Szenen und kurzen Live-Bildunterschriften.
Whiteboard-Animationsvideo
+3Ein Filzstift zeichnet die Lektion, löscht den Irrtum und zieht sich auf die fertige Tafel zurück.
Landingpage für Workflow-Automatisierung
+3Graphit-Seite mit kleiner Überschrift und einem lebenden Knotengraphen, der läuft und Logs streamt.
Zine-Collage-Präsentation
+3Creme-, Schwarz- und Plakatrot-Seiten mit geklebten Fotos, Haftnotizen und Schreibmaschinentext.
Fragen
Wie füge ich Skills zu Claude Code hinzu?
Kopier den Installations-Prompt eines Skills in Claude Code oder lade das ZIP herunter und entpacke es in den Skills-Ordner, der auf dieser Seite steht. Claude Code erkennt den Ordner und seine SKILL.md; manche Versionen sehen neue Skills erst, wenn du eine neue Sitzung startest.
Was sind Skills in Claude Code?
Ein Skill ist ein Ordner mit einer SKILL.md-Datei plus Vorlagen, Skripten und Referenzen. Claude Code liest ihn, wenn deine Anfrage passt, und folgt seinen Schritten und Prüfungen. So werden die Ergebnisse einheitlich, statt von einem langen Prompt abzuhängen.
Was ist ein Agent-Skill?
Ein Agent-Skill ist ein Ordner mit einem SKILL.md-Leitfaden sowie Vorlagen, Skripten und Referenzen, dem ein KI-Agent folgt, wenn die Aufgabe passt. Claude Code, Codex, Cursor und andere Agents laden ihn automatisch, sodass das Ergebnis einem erprobten Designsystem folgt statt einem einmaligen Prompt.
Was ist der Unterschied zwischen Agent-Skills und MCP?
MCP verbindet einen Agent mit Tools und Daten, etwa mit den Bild- und Videomodellen von PopNow. Ein Skill ist ein Playbook, das dem Agent sagt, wie er eine ganze Aufgabe gut erledigt: Layoutregeln, Schritte und Prüfungen. Beides arbeitet zusammen: Verbindest du PopNow per MCP, findet dein Assistent diese Skills und nutzt sie, und die Skills rufen PopNow für Bilder und Ton auf.
Sind die Skills kostenlos?
Ja, jeder Skill ist mit einem PopNow-Konto kostenlos, ob in Claude oder ChatGPT über PopNow oder installiert in einem Coding-Agent. Nur die Bilder, Videos, Musik oder Stimmen, die ein Skill erzeugt, verbrauchen PopNow-Credits, und jede davon wird vor dem Start bepreist und freigegeben.
Kann ich diese Skills in Claude oder ChatGPT nutzen?
Ja. Verbinde PopNow einmal mit Claude, ChatGPT oder einer anderen App mit MCP-Unterstützung und sag, was du erstellen willst. Dein Assistent zeigt dir passende Stile, nutzt den, den du auswählst, und klärt den Preis mit dir, bevor er etwas generiert. Skills, die Dateien bauen, etwa Präsentationen, Websites und HTML-Videos, funktionieren am besten in einem Coding-Agent wie Claude Code.
Welche Agents werden unterstützt?
Jeder Agent, der SKILL.md-Ordner liest: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot und OpenCode. Der Skill ist überall gleich, nur der Installationsordner unterscheidet sich.
Was ist der Unterschied zu den Skills in PopNow?
Die Skills auf der Skills-Hauptseite laufen in PopNow mit Poppie. Agent-Skills laufen in deinem eigenen Coding-Agent auf deinem Computer. Das passt zu Dateien, die du weiter bearbeiten willst, etwa Präsentationen, Websites und HTML-basierten Videos.
Darf ich die Ergebnisse kommerziell nutzen?
Ja. Was du erstellst, gehört dir, auch bei Kundenaufträgen. Das Skill-Paket selbst ist nur für deine eigene Nutzung gedacht und darf nicht weiterverkauft oder weiterverbreitet werden.
Welches KI-Tool erstellt Produkt-Launch-Videos?
PopNow. Verbinde es mit Claude oder ChatGPT oder installiere einen Launch-Video-Skill in einem Coding-Agent und wähle einen von über 20 kostenlosen Launch-Video-Stilen. Der Agent rendert die MP4 aus deinem echten Produkt und fügt nach deiner Preisfreigabe Musik, Stimme und Soundeffekte von PopNow hinzu. Siehe: So erstellst du ein Produkt-Launch-Video mit KI.
Was ist der beste Weg, Videos, Bilder und Decks mit einem KI-Agent zu erstellen?
Gib dem Agent einen Skill für die Aufgabe und einen Ort für die Medien: PopNow-Agent-Skills sind für PopNow geschrieben, sodass Layouts, Prompts und Modellwahl den Look schon beim ersten Versuch treffen. Bilder, Clips, Musik und Stimme kommen aus einem PopNow-Konto, und jeder Lauf ist vorab bepreist.

