CommunityBildgithub.com

Instagram-Carousel

Erstelle Instagram-Carousel-Beiträge (1080×1350) für eine Tech/AI-Creator-Seite in einem von fünf Hausstilen – Editorial, Sticker, Dark Tech-News, Minimal Notebook, Bold Pastel – plus einer englischen und einer Hinglish-Bildunterschrift. Verwende es, wenn der Benutzer ein Thema, ein Skript oder einen Link angibt und nach einem Carousel, Slides oder einem Instagram-Beitrag fragt.

Was ist Instagram-Carousel?

Diese Fähigkeit verwandelt ein Thema, Skript oder einen Link in ein fertiges Instagram-Carousel – ein Titelbild, das zum Scrollen animiert, 5–9 Folien, die jeweils eine Idee transportieren, sowie eine Bildunterschrift auf Englisch und Hinglish. Entwickelt für eine Softwareentwickler-Creator-Seite (Tech-News, KI-Updates, Engineering-Tipps für Studierende), funktioniert aber für jedes Tech-Thema. Sie unterstützt fünf verschiedene Stile (Editorial, Sticker, Dark Tech-News, Minimal Notebook, Bold Pastel), die über separate Stil-Dateien gesteuert werden, und erstellt Folien im Format 1080×1350 px. Der Workflow umfasst die Aufnahme der Anforderungen, Recherche und Faktenprüfung, die Planung der Folienstruktur, die Erstellung des Designs (entweder als Artboard in einem Design-Canvas oder als einzelne HTML-Dateien), das Verfassen von zwei Caption-Varianten und die Übergabe der exportierten PNG-Dateien mit Alt-Text. Besonderer Wert wird auf die Überprüfung von Fakten, die korrekte Zuordnung von Behauptungen und die Vermeidung von Textüberlauf auf den Folien gelegt. Der Benutzer genehmigt den Text vor der Designarbeit.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/DecodeDebangi/instagram-carousel-skill/tree/main

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-Carousel-Beiträge

Verwandle ein Thema, Skript oder einen Link in ein fertiges Instagram-Carousel: ein Titelbild, das zum Scrollen animiert, 5–9 Folien, die jeweils eine Idee transportieren, und eine Bildunterschrift auf Englisch und Hinglish. Entwickelt für eine Softwareentwickler-Creator-Seite (Tech-News, KI-Updates, Engineering-Tipps für Studierende), funktioniert aber für jedes Tech-Thema.

0. Standardeinstellungen (ändere sie, wenn der Benutzer etwas anderes sagt)

EinstellungStandard
Handle@decodedebangi
Größe1080 × 1350 px (Instagram Hochformat 4:5)
Folien6–9 (Titel + Inhalt + CTA)
Stilden vom Benutzer genannten, ansonsten Editorial
SpracheFolien auf Englisch; Bildunterschriften auf Englisch und Hinglish
Fotoskeine, es sei denn, der Benutzer liefert sie – hinterlasse niemals leere Foto-Platzhalter auf einem endgültigen Beitrag

Stildateien befinden sich in styles/. Lese nur die, die du verwendest:

StilDateiAm besten geeignet für
Editorialstyles/editorial.mdErklärungen, Roadmaps, „wie X funktioniert“
Stickerstyles/sticker.mdVerspielte Tipps, Tool-Workflows, „mein Setup“
Dark tech-newsstyles/dark-tech.mdWochenrückblicke, Sicherheitsnews, Veröffentlichungen
Minimal notebookstyles/minimal-notebook.mdLernnotizen, Konzepte für Studierende, Spickzettel
Bold pastelstyles/bold-pastel.mdHeiße Meinungen, Mythen vs. Fakten, große einzelne Statistiken

Jede Stildatei enthält Token, Komponenten und Layoutregeln; templates/<style>.html enthält eine funktionierende Titel- und Inhaltsfolie als Vorlage.

1. Aufnahme

Beginne mit dem Bauen, sobald du ein Thema oder Skript hast. Frage (einmal, in einer Nachricht) nur nach dem, was fehlt und wichtig ist: Stil, Anzahl der Folien, Sprache. Frage nicht nach Fotos – biete an, sie später hinzuzufügen.

Überprüfe zuerst das Format. Ein Carousel eignet sich für eine Idee mit Abfolge, die es wert ist, noch einmal gelesen zu werden: Schritte, ein Framework, ein Vorher-Nachher, eine Liste zum Screenshoten. Wenn die Idee eine einzelne Behauptung ist oder Bewegung oder ein Gesicht erfordert, sage das und schlage stattdessen ein Reel vor. Baue das Carousel trotzdem, wenn der Benutzer es weiterhin möchte.

2. Recherche und Faktenprüfung (nicht überspringen)

  • Benutzer hat ein Skript/einen Beitrag eingefügt: verwende ihren Inhalt, aber lies jeden von ihnen angegebenen Link. Überprüfe jede Zahl, jeden Namen und jede Behauptung anhand der Quelle, bevor sie auf eine Folie kommt.
  • Wer spricht? Wenn die Quelle von jemandem geschrieben wurde, der sein eigenes Produkt bewirbt („hier ist, was ich gebaut habe“), sag das dem Benutzer vor dem Bauen und schreibe auf den Folien Behauptungen und Benchmarks ihnen zu („ihr eigener Test“), präsentiere sie niemals als neutrale Tatsache. Frage, ob der Benutzer einen Werbebeitrag oder eine Erklärung möchte – oft wollen sie die Erklärung.
  • Produktfakten (Claude Code, APIs, Tools): beziehe sie aus den offiziellen Dokumentationen, nicht aus dem Gedächtnis. Befehle, Grenzwerte und Funktionen ändern sich.
  • Selbst gemeldete Zahlen bleiben als solche gekennzeichnet. Keine erfundenen Statistiken, keine Füllinhalte.
  • Veranschaulichende Beispiele (eine gefälschte Fehlermeldung, ein Beispielpfad) sind nur in Ordnung, wenn du dem Benutzer sagst, dass es Beispiele sind.
  • Markiere Diskrepanzen zwischen dem Skript des Benutzers und der Quelle (z. B. „der Blog listet 7 Schichten auf, dein Titel sagt 6“), anstatt stillschweigend eine auszuwählen.

3. Plane die Folien

  1. Titelbild – muss für jemanden verständlich sein, der den Jargon noch nie gehört hat. Führe mit dem Schmerz oder der Neugier des Lesers („warum dein KI-Agent Dinge vergisst“), nicht mit dem Fachbegriff („Kompaktierung ist die falsche Lösung“). Test: Könnte ein Zweitsemester-Informatikstudent in 2 Sekunden sagen, worum es in dem Beitrag geht? Biete 3–4 Titeltext-Optionen an, wenn der Benutzer unsicher ist; empfehle eine.
  2. Folie 2, der zweite Haken – warum das wichtig ist, in einem Satz. Instagram kann ein Carousel erneut ab einer späteren Folie anzeigen, daher muss diese allein als Titelbild funktionieren. Sie darf keine Einleitung oder Hintergrundinformation sein.
  3. Inhaltsfolien – eine Idee pro Folie: eine Überschrift (≤ 6 Wörter, der Punkt der Folie) + 2–4 kurze Punkte oder eine große Zahl. Wichtige Zahlen werden in riesiger Schrift dargestellt.
  4. Mittlerer Haken – ein Paar „der Haken“ / „die Lösung“ hält die Leute beim Wischen.
  5. Zusammenfassungsfolie – der gesamte Beitrag als kurze Liste oder Spickzettel, ohne Kontext lesbar, denn dies ist die Folie, die die Leute screenshotten und weiterleiten. Behalte das Handle darauf.
  6. CTA-Folie – eine Hauptaktion, plus „Link in den Kommentaren“, wenn es einen Link gibt.
  7. Fußzeilen-Hinweis auf jeder Inhaltsfolie außer der letzten: „wischen“ oder ein Teaser für die nächste Folie („die Lösung“, „was überlebt?“).

Führe jedes Produkt oder Eigennamen beim ersten Auftreten ein („Claude Code, der Coding-Agent von Anthropic, …“).

Genehmige den Text vor dem Bauen

Zeige den Text Folie für Folie als nummerierte Liste sowie die Bildunterschriften vor jeglicher Designarbeit. Wenn /ig-human verfügbar ist, führe den Folientext und beide Bildunterschriften zuerst dadurch, überprüfe dann, dass es keine Tatsache, Zahl, Produktname oder die Hinglish-Formulierung geändert hat. Baue erst, nachdem der Benutzer den Text genehmigt hat, es sei denn, sie haben gebeten, diesen Schritt zu überspringen.

4. Bauen

Wenn ein Design/Canvas-Artefakttyp verfügbar ist (z. B. Claude's Design-Typ): erstelle ein Canvas, eine Artboard pro Folie, jede 1080 × 1350, in einer Reihe angeordnet (80 px Abstand). Platziere jedes Carousel in seiner eigenen Reihe mit einer Titelnotiz darüber. Folge den Formatregeln des Typs; Inline-Stile, Root mit fester Größe.

Andernfalls: eine eigenständige HTML-Datei pro Folie (oder eine Seite mit allen übereinander gestapelten Folien), jede Folie eine feste Box mit 1080px × 1350px, Schriftarten von Google Fonts.

Regeln, die in jedem Stil gelten:

  • Farben, Schriftarten und Komponenten stammen aus der Stildatei. Mische keine Stile innerhalb eines Carousels.
  • Ein vollflächiger Hintergrund wird inline auf dem Root als background-color + background-image gesetzt – niemals die background: Kurzschreibweise auf einer Klasse, sie löscht das Raster/die Textur.
  • Gleiche Kopf- und Fußzeile auf jeder Folie; Folienzähler n/N muss korrekt sein.
  • Symbole: Inline-SVG. Keine Emojis auf Folien.
  • Mindestgröße für Fließtext 30 px; Überschriften 96 px+. Es wird auf einem Telefon gelesen.

Überlauf-Budget (der häufigste Fehler)

Bevor du jede Folie schreibst, addiere ihre Höhen; der Inhalt muss ≤ 1180 px von oben enden, damit er nie die Fußzeile berührt (Fußzeile liegt bei ~1240–1300).

Ungefähre Zeilenhöhen: Texthöhe ≈ Schriftgröße × Zeilenhöhe × Zeilen. Zeilen ≈ Zeichen ÷ (nutzbare Breite ÷ Zeichenbreite). Zeichenbreite ≈ 0.5 × Schriftgröße (Fredoka/Inter), 0.6 × (JetBrains Mono), 0.42 × (Anton, Großbuchstaben). Nutzbare Breite ist ~920 px minus Kartenabstand.

Wenn es zu viel ist: zuerst Wörter kürzen, dann die Überschrift verkleinern, dann Abstände verringern. Verkleinere Fließtext niemals unter 30 px. Max. ~4 Karten oder ~5 Aufzählungspunkte pro Folie.

5. Bildunterschrift

Schreibe zwei Versionen – Englisch und Hinglish (römisch geschriebenes Hindi gemischt mit Englisch, konversationell, so wie der Creator in Reels spricht):

  1. Haken-Frage oder fette Zeile (standardmäßig kein Emoji; höchstens eines, selten)
  2. 2–3 kurze Absätze: was passiert, der Haken, die Erkenntnis
  3. 3–4 Pfeil (→) Tipps, wenn der Beitrag praktisch ist
  4. „Wische …“-Zeile, „Link im ersten Kommentar“, „speichere dies …“
  5. 5 Hashtags, kleingeschrieben, relevant (kein #viral, #fyp)

Gib den genauen Link an, der im ersten Kommentar platziert werden soll. Verwende nur Fakten, die auf den Folien oder in der Quelle stehen. Wenn der Beitrag das Produkt von jemandem bewirbt, sagt die Bildunterschrift, wem es gehört.

6. Übergabe

  • Sag dem Benutzer in einem Satz, was jede Folie sagt, plus alles, was du angenommen hast oder nicht überprüfen konntest.
  • Export: PNG 1× pro Folie (1080 × 1350 ist Instagrams natives Hochformat; 2× wird ohnehin herunterskaliert). Benenne die Dateien 01-cover.png … in der richtigen Reihenfolge.
  • Alternativtext: schreibe ihn mindestens für das Titelbild und beschreibe, was die Folie sagt.
  • Biete an: Fotos auf dem Titelbild, einen anderen Stil oder innere Anpassungen.

Verwandte Skills