CommunityBildgithub.com

oficialrobsonalencar-code/instagram-agent-skills-

Erstellt komplette Instagram-Karussell-Posts vom Cover bis zur letzten Folie, fertig zum Posten im PNG-Format 1080x1350. Verwende diese Funktion, wenn jemand nach einem Karussell, einem Beitrag mit mehreren Folien, spannendem Inhalt oder einer Idee fragt, die in ein Karussell umgesetzt werden soll, oder um ein bestehendes Karussell zu verbessern. Es führt ein kurzes Interview, wählt das Format aus, schreibt die Copy Folie für Folie und exportiert die Bilder mit Playwright.

Was ist instagram-agent-skills-?

Diese Skill automatisiert die Erstellung von Instagram-Karussell-Posts und deckt den gesamten Workflow ab: von der Konzeption über das Schreiben der Texte bis hin zum Export der Grafiken als PNG-Dateien im optimalen Format 1080x1350. Sie ist ideal für Agenturen, Content Creator und Developer, die schnell und konsistent visuell ansprechende Karussell-Beiträge erstellen möchten. Die Skill funktioniert auf jedem System mit Node.js 18+ und Playwright. Der Prozess beginnt mit einem kurzen Interview, um Ziel, Zielgruppe und Thema zu erfassen. Anschließend wird eines von fünf bewährten Karussell-Formaten (Liste, Schritt-für-Schritt, häufiger Fehler, Vorher-Nachher, Geschichte) ausgewählt. Der Redakteur erstellt dann die Copy für jede Folie und holt die Zustimmung des Nutzers ein. Im letzten Schritt wird ein HTML-Template mit den Slides generiert und mit Playwright in einzelne PNG-Bilder exportiert. Die Skill legt großen Wert auf Qualität: Sie stellt sicher, dass das Cover in 2 Sekunden lesbar ist, jede Folie nur eine Kernaussage enthält und der Call-to-Action klar definiert ist. Sie kann an bestehende Markenrichtlinien angepasst werden, indem Farben, Schriftarten und Logo integriert werden.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/oficialrobsonalencar-code/instagram-agent-skills-/tree/HEAD/skills/carrossel

Installed? Explore more Bild skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Instagram-Karussell

Du bist der Texter und Designer von Karussells. Das Ziel eines funktionierenden Karussells ist einfach: Die Person bleibt am Cover hängen, scrollt bis zum Ende und speichert es. Alles, was folgt, dient diesem Zweck.

Diese Skill liefert drei Dinge: den Text für jede Folie, ein HTML mit den Folien in 1080x1350 und die exportierten PNGs.

Schritt 1: Kurzes Interview

Frage nur das, was noch nicht gesagt wurde, alles in einer einzigen Nachricht (maximal 5 Fragen):

  1. Nische und was die Person verkauft oder lehrt.
  2. Zielgruppe: Wer wird es lesen und welches Problem oder welchen Wunsch hat diese Person heute?
  3. Thema oder Idee des Karussells. Wenn die Person keine hat, schlage 3 Themen basierend auf der Nische vor und lass sie wählen.
  4. Ziel: Gespeichert werden, geteilt werden, einen Kommentar generieren, zum Link führen, verkaufen.
  5. CTA: Welche einzelne Aktion auf der letzten Folie (ein Wort kommentieren, speichern, teilen, folgen, auf den Link klicken). Wenn das Ziel der Verkauf ist, gibt es nur einen CTA, der mit dem Ziel übereinstimmt.

Optional, nur wenn die Person es personalisieren möchte: @ des Profils, Farben (Hex), Schriftarten, Logo. Ohne Antwort verwende die Standardeinstellungen der Vorlage.

Erfinde keine Daten, Zahlen, Ergebnisse oder Erfahrungsberichte. Wenn das Karussell einen Beweis benötigt und die Person keinen geliefert hat, setze [EINFÜGEN: echter Datenwert] auf der Folie und weise darauf hin.

Schritt 2: Wähle das Format

Wähle eines davon aus und erkläre in einem Satz, warum du es gewählt hast:

FormatWann verwendenStruktur
ListeMehrere Tipps, Tools, unabhängige BeispieleCover mit Zahl ("7 ..."), 1 Punkt pro Folie, Zusammenfassung zum Speichern, CTA
Schritt-für-SchrittEinen Prozess mit Reihenfolge lehrenCover mit dem Endergebnis, 1 Schritt pro Folie, häufiger Fehler, CTA
Häufiger FehlerWenn das Publikum denselben Fehler wiederholtCover mit dem Fehler, warum er passiert, die Kosten, die Korrektur in 2-3 Schritten, CTA
Vorher-NachherEine Transformation oder einen Vergleich zeigenCover mit dem Kontrast, das Vorher (Schmerz), was sich geändert hat, das Nachher, wie man es reproduziert, CTA
GeschichteVerbindung und Autorität aufbauenCover mit dem Aufhänger der Szene, Konflikt, Wendepunkt, anwendbare Lektion, CTA

Größe: zwischen 6 und 10 Folien. Ein zu kurzes Karussell ist das Speichern nicht wert; ein zu langes verliert die Leute in der Mitte.

Schritt 3: Schreibe die Copy, Folie für Folie

Bevor du eine Datei generierst, zeige die vollständige Copy in einer Tabelle (Folie, Typ, Text) und bitte um Freigabe. Fahre erst nach dem OK fort.

Cover (Folie 1)

Das Cover entscheidet, ob das Karussell existiert. Es muss Folgendes haben:

  • Spezifisches Versprechen: Zahl, Zeitrahmen, Ergebnis oder konkreter Fehler. "Die 3 Fehler, die verhindern, dass deine Inhalte gespeichert werden", schlägt "Inhalts-Tipps".
  • Neugier: Lasse eine Lücke, die sich erst beim Durchblättern der Folien schließt.
  • Bis zu 12 Wörter in großer Schrift. Kann man es in 2 Sekunden auf dem Handy lesen?
  • Eine optionale unterstützende Zeile und der Hinweis "Zum Weiterwischen".

Gib 3 Cover-Optionen mit verschiedenen Blickwinkeln (Zahl, Fehler, Ergebnis) und empfehle eine.

Inhaltsfolien (2 bis zur vorletzten)

  • Eine Idee pro Folie. Wenn eine zweite nötig ist, sind es zwei Folien.
  • Kurzer Titel (max. 8 Wörter) + 1 oder 2 unterstützende Sätze (max. 25 Wörter insgesamt). Mehr liest niemand auf dem Handy.
  • Jede Aussage liefert den Grund oder ein konkretes Beispiel. Ein generischer Satz ("bleibe konsistent") wird gestrichen oder erhält ein Beispiel.
  • Der letzte Absatz jeder Folie sollte Lust auf die nächste machen: offene Frage, Versprechen von dem, was kommt, Spannung.
  • Umgangssprache in der Stimme der Person. Kein Fachjargon, den das Publikum nicht verwendet. Kein "In der heutigen Welt", kein "Lass uns eintauchen", keine dekorativen Gedankenstriche.

Speichern-Folie (vorletzte)

Eine Zusammenfassung von allem in 3 bis 5 Zeilen, im Format einer Checkliste oder eines „Spickzettels", den die Person behalten möchte. Beende mit einem Satz, der zum Speichern auffordert, verknüpft mit der zukünftigen Verwendung („Speichere es ab, um es vor dem nächsten Video-Check durchzugehen").

Letzte Folie: CTA

Eine einzelne Aktion, die, welche die Person im Interview definiert hat. Schreibe genau, was zu tun ist ("Kommentiere STICHWORT und ich schicke es dir"), nicht „wenn du willst, vielleicht". Wenn der CTA darin besteht, ein Wort zu kommentieren, erscheint das Wort hervorgehoben.

Schritt 4: Generiere das HTML und exportiere die PNGs

  1. Erstelle einen Arbeitsordner im aktuellen Projekt: carrossel-<kurzes-thema>/.
  2. Kopiere templates/carrossel.html (aus dem Ordner dieser Skill) als carrossel.html in diesen Ordner und scripts/exportar.mjs als exportar.mjs.
  3. Bearbeite das HTML:
    • Palette und Schriftarten: nur im :root-Block am Anfang des <style> (--bg, --fg, --muted, --destaque, --card, --fonte-titulo, --fonte-texto). Um die Schriftart zu ändern, ändere auch den <link> von Google Fonts. Wenn die Person einen Marken-Hex hat, wende ihn an; ansonsten behalte die Paletten der Vorlage oder schlage eine vor, die zur Nische passt, immer mit hohem Kontrast zwischen Text und Hintergrund.
    • Folien: ein <section class="slide"> pro Folie. Die Vorlage enthält Beispiele für Cover, große Zahlen, Listen auf Karten, Speichern-Folie und CTA. Dupliziere, entferne und ordne neu an.
    • Aktualisiere das @profil und die Nummerierung 1/N auf allen Folien.
    • Jede Folie ist exakt 1080x1350. Ändere .slide nicht.
    • Benutzerbild (Foto, Screenshot, Logo): Bette es als Base64 ein (data:image/...) oder verwende einen relativen Pfad im selben Ordner, niemals einen absoluten Pfad von woanders.
  4. Installiere Playwright einmal im Arbeitsordner:
    npm init -y >/dev/null && npm i playwright
    npx playwright install chromium
    
    Wenn der Computer bereits Google Chrome hat, kann npx playwright install chromium übersprungen werden: Das Skript verwendet Chrome als Alternative. Erfordert Node 18 oder neuer.
  5. Exportiere:
    node exportar.mjs carrossel.html out
    
    Erzeugt out/slide-01.png, out/slide-02.png ... in 1080x1350. Optionen: --selektor ".slide" (Standard) und --skalierung 2 (verdoppelt die Auflösung, nur falls nötig).
  6. Überprüfe die PNGs wirklich: Öffne das Cover, eine Inhaltsfolie und die letzte. Überprüfe auf abgeschnittenen Text oder Text, der den Rand überschreitet, Kontrast, Akzente und ob das Cover den 2-Sekunden-Test besteht. Korrigiere und exportiere erneut, bis alles stimmt.

Schritt 5: Liefere das Ergebnis

Antworte mit:

  • Dem Pfad des Ordners out/ und der Liste der PNGs.
  • Einem vorgeschlagenen kurzen Bildunterschrift (wenn die Person die Skill caption hat, schlage vor, sie für die vollständige Bildunterschrift zu verwenden).
  • Einem Satz, der erklärt, wie man den Beitrag erstellt: die PNGs in der richtigen Reihenfolge im Karussell-Format der App hochladen.

Qualitätsregeln

  • Kein Versprechen, das der Inhalt nicht hält. Das Cover verspricht, der Mittelteil liefert.
  • Keine erfundenen Zahlen, Studien oder Ergebnisse.
  • Mindesttextgröße von 38 px auf der exportierten Folie; Titel viel größer. Wenn es nicht passt, schneide Wörter, nicht die Schriftgröße.
  • Korrekte Akzente auf Portugiesisch (Brasilien) auf allen Folien.
  • Die Marke der Person, nicht deine: Füge niemals Namen, @ oder Logo ein, die sie nicht angegeben hat.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

Verwandte Skills