Ein Programm plus Agenten-Kette. Das Programm garantiert die Platzierung fest: jeder Rand, jede Zahl, jede Box sitzt bei jedem Lauf auf demselben Pixel, garantiert im sicheren Bereich, jedes Mal identisch und scharf. Das ist die Garantie, die kein Bildmodell leisten kann.
Vom Beispiel zur B2B-Qualität
Best Practices: So nutzt du den Skill am besten.
Ein reiner Auftrag wie "Bau eine Slideshow zum Thema X" liefert oft nur ein vages Ergebnis. Für echte B2B-Qualität gibst du deinem Designer eine belegte Faktenbasis. Dafür hast du zwei Wege.
Weg 1 · Recherchieren lassen
Bei uns ist Recherche vor jeder Slideshow Pflicht, damit keine erfundenen Behauptungen entstehen. Denselben Gedanken übernimmst du, indem du deinen Auftrag mit einem Recherche-Schritt beginnst.
Führe eine Online-Tiefenrecherche zum Thema [DEIN THEMA] durch
und schreibe die wichtigsten belegten Fakten mit Quelle in die Datei
fakten.md. Rufe DANACH den Agenten slideshow-designer auf: Baue daraus
die Slideshow und verwende ausschließlich Fakten aus fakten.md.
Erfinde keine Zahlen.
Weg 2 · Eigene Unterlagen nutzen
Oft liegen die besten Fakten längst bei dir: Produktbeschreibungen, Vertriebszahlen, ein Whitepaper, Notizen aus einem Kundengespräch. Leg diese Unterlagen in einen Unterordner quellen und weise deinen Designer darauf hin.
Lies alle Dateien im Ordner quellen. Nutze danach den Agenten slideshow-designer: Baue daraus die Slideshow. Verwende nur, was in diesen Dateien steht, und erfinde nichts dazu.
Ausspielen · Von der Datei zum LinkedIn-Karussell
Aus der HTML-Datei machst du im Browser mit wenigen Klicks eine PDF-Datei und lädst sie bei LinkedIn als blätterbares Dokument hoch, wo sie als Karussell zum Durchblättern erscheint. Der Weg dahin ist der normale Druck-Dialog deines Browsers: Datei öffnen, Strg+P, als Ziel "Als PDF speichern" wählen, Hintergrundgrafiken aktivieren und die Ränder auf "Keine" stellen. Die Dialoge unterscheiden sich je nach Browser leicht; die Zielschritte sind immer dieselben.
Das Ergebnis
Deine Slideshow behandelt dein echtes Thema, die Aussagen stammen aus deiner Recherche oder deinem quellen-Ordner, und Farben, Schrift und Signaturzeile stimmen ohne Nachjustieren. Ab jetzt startet jede neue Slideshow bei einem kurzen Auftrag, nicht mehr bei null. Dein KI-Team steht.
Zum Abschluss ein Blick nach vorne
Da geht noch viel mehr
Was du gerade gebaut hast, ist ein vollständiges, sofort nutzbares eigenes System. Du hast jetzt einen Design-Agenten und einen Design-Skill. Daraus lässt sich aber noch viel mehr machen. Wie bei uns zum Beispiel. Das führen wir dir hier als Inspiration auf:
01Der Agent, der den Auftrag bekommt. Ein Orchestrator-Agent nimmt ein Briefing entgegen und verteilt die Arbeit an die richtigen Rollen, so wie ein Chef Aufgaben an sein Team gibt.
02Nichts passiert ohne belegte Fakten. Bevor ein Wort geschrieben wird, läuft ein Agent, der spezielle Recherche-Fähigkeiten hat. Bei Slideshows ist das bei uns Pflicht. Kein Schreiben ohne Faktenbasis. Genau diesen Schritt hast du oben mit Weg A und Weg B für dich übernommen.
03Ein trainierter Agent schreibt das Skript. Er darf nur die recherchierten Fakten verwenden und hält sich an das feste Marken-Regelwerk, das ihm als Skill vorliegt. Für jede Inhalts-Slide erfindet er das passende Grafik-Element aus dem Slide-Text heraus, voll automatisch, nicht generisch.
04Der unabhängige Lektor gibt alles frei. Danach liest ein eigener Agent, der als Lektor fungiert, jede Slide und urteilt "ist das klar verständlich" oder "unklar". Erst wenn jede Slide klar ist, geht es weiter. Diese Freigabe ist bei uns technisch erzwungen: Ohne Lektorat läuft der Rest nicht weiter.
05Wenn du das Ganze per API an entsprechende Bildmodelle anbindest. Die Bilder kommen aus Bildmodellen, aber ausdrücklich OHNE jeden Text im Bild. Warum? Wir kennen es alle. Texte direkt aus den Bildmodellen funktionieren bereits sehr gut. Aber nicht brandkonform. Deshalb gehen wir einen besseren Weg.
06Der Setzer montiert alles pixelgenau. Der Renderer legt allen Text als scharfe, korrekte Ebene über die Bilder, in festen Markenfarben und mit garantiertem Sicherheitsrand, und rendert daraus ein fertiges Karussell.
Unser System: Gibt dir Garantie
Deine Version: Freiheit
Eine HTML-Slideshow, gebaut von Claude in der Desktop-App. Du übernimmst unsere echten Regeln und dieselbe Rollen-Struktur (Skill für die Marke, Agent für die Rolle), aber als flexible Variante: Du darfst Ränder und Positionen jederzeit anpassen. Du kannst alles flexibel an dich anpassen, und zwar alles.
Für feste Zielgruppen
Dein Designer kennt deine Kunden.
Schreibst du immer wieder für dieselben Zielgruppen, musst du sie nicht in jedem Auftrag neu beschreiben. Du hinterlegst sie einmal als Datei. Nennst du im Auftrag dann eine Zielgruppe, liest dein Designer genau dieses Profil und richtet Ton, Argumente und Beispiele daran aus. Findet er keins, fragt er nach, statt sich etwas auszudenken. Eine Datei pro Zielgruppe, keine Sammeldatei.
Lege in meinem Projektordner einen Ordner personas an und darin eine Datei namens persona-[KURZNAME].md für meine Zielgruppe [ZIELGRUPPE, z. B. "Einkäufer im Maschinenbau"]. Schreibe folgende Abschnitte hinein und stelle mir zu jedem eine kurze Frage, falls du meine Antwort dafür brauchst. Rate nichts: - Wer das ist: Rolle, Unternehmensgröße, Entscheidungsmacht, Alltag in zwei bis drei Sätzen - Schmerzpunkte: drei Stück - Woran diese Person entscheidet: drei Kriterien - Tonalität: nüchtern oder warm, Zahlen oder Bilder, Sie oder Du, Fachtiefe - Typische Einwände, die eine Slideshow proaktiv beantworten sollte: zwei - No-Gos: was diese Person sofort abschreckt Halte alles kurz. Ein scharfes Profil wirkt, ein Roman verwässert.
Wenn du mehr willst
Die nächsten Horizonte
Du hast in etwa 90 Minuten etwas eingerichtet, das die meisten Marketer nie bauen: dein eigenes KI-Team für Slideshows, das deine Marke kennt und dir auf Zuruf Slideshows liefert, deren Text garantiert scharf und korrekt ist. Von hier aus lässt sich dein System noch weiter ausbauen. Ehrlich benannt, wohin die nächsten Horizonte zeigen:
Die volle Automatik
Recherche, erzwungenes Lektorat, cineastische Bildebene und die pixelgenaue Programm-Garantie laufen in deinem HTML-Nachbau nicht von allein. Wer das Prinzip bis zur vollautomatischen Kette treiben will, baut genau diesen Teil aus. Das ist der Teil, den wir bei DR71 als fertiges System betreiben.
Die feste Marken-Garantie
Deine HTML-Version ist flexibel und stark, und für die allermeisten Fälle reicht sie völlig. Wer daraus eine Marken-Garantie machen will, die kein Lauf mehr brechen kann, ergänzt ein Programm, das die Regeln erzwingt.
Die reichere Bildebene
Über den einfachen KI-Hintergrund aus Schritt 4 hinaus gibt es Profi-Ebenen: leuchtende Grafik-Elemente auf schwarzem Grund, halbtransparente Glas-Karten hinter Kernaussagen. Das ist der nächste Schritt, nicht der erste.
Ausspielen und Verteilen
Der saubere Weg von der Datei bis zum blätterbaren LinkedIn-Karussell (inklusive der genauen Klickwege) ist ein eigenes kleines Thema, das sich lohnt zu vertiefen.
Du willst das Prinzip bis zur vollen Automatik treiben?
Genau das bauen und betreiben wir bei DESIGNROAD71: die komplette Kette von der Recherche bis zum fertigen Karussell, mit Garantie statt Handarbeit. Lass uns darüber reden, was davon zu deinem Team passt.
Zum Ausdrucken (Strg+P)
Der Spickzettel
Die vollständigen Prompts stehen in den Schritten 1 bis 5; diese Seite ist deine Gedächtnisstütze. Beim Drucken wird sie automatisch hell und tintenfreundlich.
Die vier Bausteine deines KI-Teams
| # | Was du anlegst | Prompt | Ergebnis |
|---|---|---|---|
| 1 | Design-Guide (Skill) | Prompt aus Schritt 1 | Skill-Datei designguide-slideshows mit Farben, Schrift, Signaturzeile, Regeln |
| 2 | Slideshow-Designer (Agent) | Prompt aus Schritt 2 | Agent slideshow-designer |
| 3 | Deine Slideshow | Bilder in Ordner bilder + Prompt aus Schritt 3 | slideshow.html |
| 4 | Optional: KI-Hintergrund | Prompt aus Schritt 4 | ein atmosphärisches Bild in bilder |
Die drei Begriffe
- Chat = ein einzelnes Gespräch, das bei null anfängt, ohne Gedächtnis.
- Skill = Wissen in einer Datei (dein Design-Guide), das immer mitgelesen wird.
- Agent = eine gespeicherte, wiederverwendbare Rolle mit festem Auftrag und festem Wissen. Kein Chat.
Das Schichtensystem (jede Slide, von unten nach oben)
- 1. Hintergrundbild (eigenes Foto oder KI-Bild), ohne Text im Bild.
- 2. Dunkler Schleier darüber, damit der Text überall lesbar ist.
- 3. Text als echter Text, scharf, in deinen Markenfarben, mit Sicherheitsrand. Das Bild kommt aus dem Bildmodell, der Text nie.
Die fünf Grundsätze
- 1. Text kommt nie aus dem Bildgenerator. Text wird als echter Text über das Bild gesetzt.
- 2. Der Text sitzt sicher: ein fester Sicherheitsrand, damit nichts am Rand klebt (bei uns per Programm garantiert, in deinem HTML frei anpassbar).
- 3. Wenig Text, große Schrift: Überschrift 6 bis 8 Wörter, Fließtext etwa 200 Zeichen. Passt es nicht, wird gekürzt oder auf zwei Slides aufgeteilt, nie die Schrift verkleinert.
- 4. Die Marke steht in einer Datei, nicht in jedem Prompt.
- 5. Kein Raten. Fakten und Zahlen werden belegt, bis in die Bildwahl.
KI-Hintergrund (Schritt 4), die Kurzfassung
- Schlüssel als Umgebungsvariable FREEPIK_API_KEY, nie in den Chat, nie in eine geteilte Datei.
- Freepik-Weg zuerst: POST an api.freepik.com/v1/ai/text-to-image/seedream-v4-5, Kopf-Feld x-freepik-api-key, Inhalt {"prompt": "...", "aspect_ratio": "traditional_3_4"}.
- Bei Fehler 401: Magnific-Weg, api.magnific.com, Kopf-Feld x-magnific-api-key.
- Bild kommt nicht sofort: Status per GET auf .../seedream-v4-5/<task_id> abfragen bis COMPLETED, dann Bild-Adresse aus data.generated herunterladen. Meist unter 1 Minute.
- Bild-Beschreibung immer OHNE Text, ohne Buchstaben, ohne Zahlen.
Bessere Ergebnisse (B2B)
- Weg A, Recherche: "Recherchiere zuerst zum Thema X in die Datei fakten.md. Nutze DANACH den Agenten slideshow-designer." Die Zwischendatei ist hier Pflicht, damit du die Quellen nachprüfen kannst.
- Weg B, eigene Unterlagen: "Lies alle Dateien im Ordner quellen. Nutze danach den Agenten slideshow-designer." Ein Satz, keine Zwischendatei nötig.
- Bei einem heiklen Thema auch in Weg B: "Schreib die belegten Fakten vorher in fakten.md" anhängen, dann kannst du gegenlesen.
- Immer gilt: Der Designer baut, er recherchiert nicht.
Wenn etwas schiefgeht
- Beschreibe oder kopiere das Problem wörtlich und gib es Claude ins Eingabefeld. Du musst Fehlermeldungen nicht selbst verstehen.
- Neuer Skill oder Agent wird nicht erkannt? Frage Claude, ob die App neu starten muss.
- Text auf hellem Foto schwer lesbar? "Mach den dunklen Schleier hinter dem Text stärker."
- Rand zu knapp oder zu breit? "Mach den Rand ringsum etwas größer (oder kleiner)."
- Slide wirkt überladen? "Kürze den Text auf Slide 3 oder teile ihn auf zwei Slides auf." Die Schrift wird dabei nie kleiner gemacht.
- KI-Bild mit Fehler 401? Auf den Magnific-Weg wechseln (siehe oben).
Häufige Fragen
Fragen zu Thema und Qualität
Wie mache ich aus einem Thema echte B2B-Qualität?
Statt nur Bau eine Slideshow zum Thema X gibst du deinem Designer eine belegte Faktenbasis: entweder per Recherche, bei der Claude sucht und die Fakten mit Quelle in eine Datei schreibt, die du gegenliest, oder aus deinen eigenen Dokumenten.
Erfindet das System Zahlen oder Fakten?
Nein. Eine Zahl erscheint nur, wenn sie belegt ist. Bei einer Recherche schreibt Claude die Fakten mit Quelle vorher in eine Datei, die du gegenlesen kannst. Fehlt ein Beleg, wählt das System eine andere Darstellung.
Wozu dient der Spickzettel?
Er fasst alle Bausteine des Systems auf einer druckbaren Seite zusammen. Mit Strg+P druckst du ihn tintenfreundlich aus und hast die wichtigsten Prompts und Regeln griffbereit.
Wie es weitergeht
Bring dein Marketing mit KI voran
Beratung buchen
Ein Kennenlern-Gespräch zu deinem Weg mit KI im B2B-Marketing, konkret auf dein Unternehmen bezogen.
Termin wählen
YouTube ansehen
Marketing mit KI mit Mark Grandler: Praxis und Anleitungen rund um KI im B2B-Marketing.
Zum Kanal
Newsletter abonnieren
Insights zu KI im B2B-Marketing, regelmäßig und direkt in dein Postfach.
Abonnieren
