Communitygithub.com

Ideogram (Bild-Prompt-Erstellung)

Erstelle Prompts für designorientierte Bilder mit korrektem Text und bewusstem Layout mit Ideogram 4.0.

Was ist Ideogram (Bild-Prompt-Erstellung)?

Diese Fertigkeit befähigt KI-Agenten, hochwertige Bilder mit Ideogram 4.0 zu generieren, wobei der Fokus auf präziser Textwiedergabe, deterministischem Layout und markentreuer Farbgebung liegt. Sie ist Teil eines dreistufigen Systems aus Verbindung/API, Prompt-Erstellung und Router und speziell dafür ausgelegt, designgetriebene Assets wie Zitate-Karten, Karussell-Cover, Logos, Anzeigen oder Poster zu erstellen. Die Fertigkeit führt durch die Schritte: Markenprofil lesen, Layout statt Szene beschreiben, strukturiertes JSON für exakte Text- und Layoutvorgaben nutzen (Bounding Boxes, Hex-Paletten) und schließlich iterieren, verifizieren und veröffentlichen. Wichtige Anwendungsfälle sind Bilder mit eingebettetem Text, transparente Hintergründe und editierbare Textebenen. Sie integriert sich in den WoopSocial-Workflow zum Hochladen und Anhängen von Bildern. Die Fertigkeit betont die Einhaltung von Offenlegungspflichten (EU AI Act, California AB 853), C2PA-Signierung und die Lizenzbeschränkungen für Open-Weight-Modelle. Sie verweist auf die Schwester-Fertigkeit nano-banana für konversationelle/fotorealistische Szenen und auf die referenzierten Dokumente für detaillierte Prompt-Techniken und App-Editor-Workflows.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/social-media-skills/skills/tree/main/skills/ideogram

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht Ideogram (Bild-Prompt-Erstellung)?

Schreibe Prompts, die designorientierte Bilder mit korrektem Text und bewusstem Layout aus Ideogram (Ideogram 4.0) erzeugen. Dies ist die Prompt-Erstellungs-Ebene eines dreistufigen Aufbaus und das Typografie-/Layout-Pendant zu nano-banana unter dem image-prompt-Router.

  • Verbindung/API (Preis pro Bild, MCP, der Generieren → Hochladen zu WoopSocial Media → Anhängen Ablauf) → tools/integrations/ideogram.md.
  • Prompt-Erstellung (diese Fertigkeit) → wie man das richtige Asset gut steuert.
  • Router → image-prompt wählt das Werkzeug für die Aufgabe aus.

Diese Fertigkeit deckt beide Pfade ab: die Prompt-Erstellung für die Generierung (unten) und den App-Editor-Workflow von Ideogram (Canvas, Magic Fill, Extend, Style References, Magic Prompt, Layerize) – für die Arbeit im Editor siehe references/app-editor-and-canvas.md. Modell/Spezifikationen vierteljährlich erneut überprüfen.

Greife zu Ideogram, wenn … (Aufgabe passend)

Seine wahren Stärken: Textwiedergabe im Bild (das herausragende Merkmal – lesbare, korrekte Typografie), deterministisches Layout (Bounding-Box-Platzierung), markentreue Farbe (Hex-Paletten), natürliche 2K und Transparenz (Background Remover). Greife anderweitig zu für konversationelle Bearbeitungen / rein fotorealistische Szenen (→ nano-banana) oder spezifische Kunststile (→ den fotorealistischen Zweig). Standardmäßig nicht für jedes Bild verwenden. (Details: references/when-and-how-to-prompt.md.)

Schritt 0 – Die Marke und die Aufgabe lesen

Lade brand-profile.md (Palette als Hex, Stilgefühl, Do's/Don'ts). Identifiziere die Aufgabe (Zitate-Karte / Karussell-Cover / Poster / Logo-Konzept / Anzeige / Beschilderung) und das Seitenverhältnis (4:5, 9:16, 1:1).

Schritt 1 – Ein Layout steuern, nicht nur eine Szene

Beschreibe wie ein Designer: Motiv/Szene/Stil · Textelemente (exakter String + Styling + Platzierung) · Hex-Palette · Layout/Hierarchie · Format (2K, Seitenverhältnis). Vergrabe den Text nicht in einem vagen Satz. Verankere ihn in der Marke. Siehe references/when-and-how-to-prompt.md.

Schritt 2 – Die Superkraft nutzen: Strukturiertes JSON

Ideogram 4.0 ist JSON-nativ. Für exakte, wiederholbare Layout/Text/Farbe, schreibe strukturiertes JSON: Bounding Boxes pro Element, Hex-Palette (bis zu ~16) und den wörtlichen String + visuelles Styling jedes Textelements. Zufällige Eingaben funktionieren über magic-prompt (es erweitert zu JSON). Siehe references/json-prompting-and-layout.md.

Schritt 3 – Text, Transparenz, Rezepte

  • Text: ~0,97 OCR, mehrsprachig, mehrzeilig, Logos/Beschilderung – aber jedes Rendering überprüfen.
  • Transparenz: Background Remover → sauberer Alphakanal. Layerize Text (live, Beta) wandelt gerenderten Text in editierbare Ebenen um – Stil/Text ändern ohne Neugenerierung; funktioniert am besten bei klaren, geraden Schriften. 2K Ausgabe; Seitenverhältnisse in Vielfachen von 16.
  • Wähle ein Rezept (Zitate-Karte, Karussell-Cover, Logo-Konzept, Anzeige, Poster). Siehe references/text-rendering-and-recipes.md.

Schritt 4 – Günstig iterieren, dann verifizieren, offenlegen, ausliefern

  • Iteriere auf Turbo / magic-prompt, um das Layout zu fixieren; finalisiere auf Qualität mit verfeinertem JSON. Preis pro Bild – Prompt-/Layout-Präzision ist der Kosten- und Qualitätshebel.
  • Verifiziere den gerenderten Text und die Komposition vor der Veröffentlichung.
  • Lege KI-Bilder offen (EU AI Act Artikel 50, California AB 853) und signiere mit C2PA; gib ein KI-Bild niemals als echtes Foto aus. Open-Weights sind nicht-kommerziell (kommerziell → Tarif/API).
  • Liefere aus: generiere gemäß der Integrationsanleitung → lade zu WoopSocial Media hoch → hänge an über scheduling-and-queue. WoopSocial generiert keine Bilder.

Qualitätsbarriere – Selbstcheck

  • Habe ich das Werkzeug an die Aufgabe angepasst (konversationell/fotorealistisch zu nano-banana leiten)?
  • Sind die Textelemente typisiert (exakter String + Styling + Platzierung), mit einer Hex-Palette und 2K/Seitenverhältnis gesetzt, markenverankert?
  • Habe ich JSON verwendet, wo Layout-/Text-Präzision zählt (und magic-prompt für beiläufige)?
  • Habe ich günstig iterieren → finalisieren geplant und den gerenderten Text überprüft?
  • Habe ich Offenlegung + C2PA, nicht-kommerzielle Lizenz und die Verweigerung echter Personen / IP / Logos behandelt?
  • Habe ich auf tools/integrations/ideogram.md für den API + WoopSocial-Ablauf verwiesen (keine Behauptung, dass WoopSocial Bilder generiert)?

Randfälle & Ablehnungen

  • "Exakte Überschrift + Markenfarben + Platzierung" → strukturiertes JSON (Bounding Boxes + Hex-Palette).
  • Konversationell "ändere jetzt den Hintergrund" → zu nano-banana leiten; Ideogram ist layout-orientiert.
  • Echte Person / urheberrechtlich geschütztes IP oder Logo / "als echtes Foto posten" → ablehnen; offenlegen + C2PA; eine eigene/urheberrechtlich freie Alternative anbieten.
  • "Editierbare Textebenen" → Layerize Text ist live (Beta, alle Tarife + API-Endpunkt**) – am besten bei klaren, geraden Standardschriften; geschwungener/dekorativer Text wird möglicherweise nicht erkannt.
  • "Generiere es in WoopSocial" → WoopSocial generiert nicht; diese Fertigkeit promptet Ideogram, dann wird das Bild in Media hochgeladen und angehängt.
  • Langer Textabsatz im Bild – Zeilen kurz halten, Hierarchie klar; das Rendering überprüfen.

Verwandte

  • tools/integrations/ideogram.md – API/Preise/MCP, der Upload-zu-WoopSocial-Ablauf.
  • image-prompt – der Router; nano-banana – das konversationelle/fotorealistische Bild-Pendant.
  • brand-profile – die visuelle Marke; carousel-writer, caption-writer, hook-writer – Texte, die zu dem Asset passen; veo-3 – ein Standbild zum Video animieren (Bild-zu-Video).
  • scheduling-and-queue – das Bild an einen Beitrag anhängen und veröffentlichen.

Referenzen

  • references/when-and-how-to-prompt.md – wann zu Ideogram vs. anderen Werkzeugen gegriffen wird, und die Prompt-Anatomie.
  • references/json-prompting-and-layout.md – der 4.0-Unterschied: strukturiertes JSON, Bounding Boxes, Paletten.
  • references/text-rendering-and-recipes.md – die Text-Superkraft, Transparenz/2K, soziale Rezepte.
  • references/app-editor-and-canvas.md – der In-App-Editor-Workflow: Canvas, Magic Fill, Extend, Style References, Magic Prompt, Markenmodelle.
  • references/examples.md – schwach→stark, ein JSON-Layout, eine textreiche Karte und ehrlicher Umfang.

Individual skills in this repo

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

Verwandte Skills