Visualisierung

Infografiken

Komplexes erklären mit der richtigen Analogie.

Findet zuerst die perfekte Alltags-Analogie, mappt jedes Element des Konzepts darauf und liefert ein vollständiges Visual-Briefing für die Infografik.

Version
1.0.0
Aktualisiert
Umfang
8 Kapitel · ca. 4 Min. Lesezeit
Format
SKILL.md (Markdown)
Lizenz
CC BY-NC-ND 4.0

Wann dieser Skill greift

  • explainer graphic
  • make an infographic
  • explain this visually
  • create a graphic
InfografikAnalogieDesign

Was drinsteht

  1. 01Funktionsweise
  2. 02Schritt 1: Die perfekte Analogie finden
  3. 03Schritt 2: Die Analogie zuordnen
  4. 04Schritt 3: Ein Layout wählen
  5. 05Schritt 4: Das visuelle Briefing schreiben
  6. 06Regeln
  7. 07Beispiele für die Verwendung
  8. 08Tipps für beste Ergebnisse

Vollständige Anleitung

Der komplette Inhalt der Datei – identisch mit dem Download.

Erklärgrafik

Erstelle beeindruckende Infografiken, die komplexe Themen mit Analogien aus dem echten Leben erklären, die jeder versteht. Das Geheimrezept: zuerst die perfekte Analogie finden, dann die Visualisierung darum herum aufbauen.

Funktionsweise

Wenn du sagst "erkläre das visuell" oder "erstelle eine Infografik über [Thema]", findet diese Skill die perfekte Analogie, ordnet jedes Element zu und schreibt dann ein detailliertes visuelles Briefing, das du selbst umsetzen oder einem Designer übergeben kannst.

Schritt 1: Die perfekte Analogie finden

Die Analogie entscheidet über Erfolg oder Misserfolg der Grafik. Durchsuche diese Kategorien nach der besten Passung:

KategorieBeispielanalogienAm besten für
AlltagKüche, Kleiderschrank, Briefkasten, Aktenschrank, FernbedienungOrganisation, Speicherung, Schnittstellen
Berufe und RollenEmpfang, Übersetzer, Bibliothekar, Türsteher, FluglotseWeiterleitung, Filterung, Verwaltung
BauwesenBauplan, Fundament, Gerüst, Sanitärinstallation, VerkabelungArchitektur, Infrastruktur
KochenRezept, Zutaten, Ofen, Mixer, Mise en PlaceProzesse, Kombination von Eingaben
SportSpielbuch, Trainer, Schiedsrichter, Trainingslager, StaffellaufStrategie, Teamarbeit, Übergaben
GamingFähigkeitenbaum, Inventar, Questlog, Respawn, Power-upsFortschritt, Upgrades, Systeme
NaturWurzelsystem, Bienenstock, Nahrungskette, Ökosystem, JahreszeitenNetzwerke, Hierarchien, Kreisläufe
PopkulturSchweizer Taschenmesser, Netflix-Warteschlange, GPS-NavigationMulti-Tool, kuratierte Inhalte, Weiterleitung

Kriterien für die Analogie-Auswahl

  • Klickt sie in unter 3 Sekunden?
  • Würde ein 10-Jähriger sie verstehen?
  • Bildet sie mindestens 3 Teile des Konzepts ab?
  • Ist sie frisch? (Vermeide "es ist wie ein Gehirn" für KI-Themen)

Schritt 2: Die Analogie zuordnen

Fülle dieses Raster für die gewählte Analogie aus:

Reales KonzeptEntsprechung in der AnalogieVisuelles ElementVerbindung
[Teil 1 des Konzepts][Teil der Analogie][Was gezeichnet wird][Warum diese Zuordnung funktioniert]
[Teil 2 des Konzepts][Teil der Analogie][Was gezeichnet wird][Warum diese Zuordnung funktioniert]
[Teil 3 des Konzepts][Teil der Analogie][Was gezeichnet wird][Warum diese Zuordnung funktioniert]
[Teil 4 des Konzepts][Teil der Analogie][Was gezeichnet wird][Warum diese Zuordnung funktioniert]

Jeder Teil des Konzepts MUSS auf etwas in der Analogie abgebildet werden. Falls sich ein Teil nicht sauber zuordnen lässt, ist die Analogie falsch. Dann zurückgehen und eine bessere wählen.

Schritt 3: Ein Layout wählen

Wähle das Layout, das am besten zum Konzepttyp passt:

LayoutStrukturAm besten für
Geteiltes PanelZwei Hälften nebeneinanderVergleiche, vorher/nachher, real vs. Analogie
KreisflussElemente im Kreis mit PfeilenKreisläufe, Feedbackschleifen, wiederkehrende Prozesse
Gestapelte SchritteVertikaler Stapel, von oben nach untenSequenzielle Prozesse, Hierarchien, Trichter
Vergleichsraster2x2- oder 3x3-Raster aus KartenMerkmalsvergleiche, Kategorieaufschlüsselungen
Vorher/NachherLinks alte Methode, rechts neue MethodeTransformationen, Upgrades, Verbesserungen
PyramideAufeinander aufbauende SchichtenGrundlegende Konzepte, Prioritätsstufen
Nabe und SpeichenZentrales Element mit VerzweigungenEins-zu-viele-Beziehungen, Ökosysteme
ZeitleisteVerlauf von links nach rechtsEntwicklung, Geschichte, Schritt für Schritt

Schritt 4: Das visuelle Briefing schreiben

Erstelle ein vollständiges Briefing mit ALLEN folgenden Punkten:

Titel der Grafik

Eine prägnante Zeile (max. 8 Wörter). Beispiel: "API-Schlüssel sind einfach VIP-Armbänder"

Abmessungen

Zielgrösse angeben: Social-Post (1080x1080), Infografik (1080x1920), Folie (1920x1080) oder Blog (800x1200).

Farbpalette

Hintergrund, Primärfarbe, Akzent, Text und sekundärer Text -- jeweils mit Hex-Codes.

Layout-Beschreibung

Exakte Platzierung jedes Elements und Grösse relativ zur Leinwand.

Abschnitte

Für jeden Abschnitt der Grafik:

  • Bezeichnung: Wie der Abschnitt heisst
  • Analogie-Visual: Was gezeichnet werden soll (konkret sein -- "eine Küchentheke mit drei Schüsseln" statt "Kochzeug")
  • Reale Bedeutung: Wofür es im tatsächlichen Konzept steht
  • Textüberlagerung: Max. 1-2 Zeilen zur Erklärung der Verbindung
  • Icon oder Emoji: Ein unterstützendes visuelles Element

Verbindungslinien

Beschreibe, wie Abschnitte verbunden sind:

  • Pfeilstil (durchgezogen, gestrichelt, gebogen, gepunktet)
  • Pfeilfarbe
  • Beschriftung am Pfeil (falls vorhanden)
  • Flussrichtung

Kernaussage-Highlight

Eine hervorgehobene Box oder ein Banner mit der zentralen Kernbotschaft. Das ist der wichtigste Satz auf der gesamten Grafik. Anders gestalten als der Rest (grösser, fetter, andere Farbe, umrandet).

Regeln

  • Jede Analogie muss universell verständlich sein -- keine Nischenreferenzen, die nur manche kennen
  • Max. 50 Wörter Text auf der gesamten Grafik (weniger ist besser)
  • Jeder Abschnitt braucht ein visuelles Element, nicht nur Text
  • Die Grafik sollte auch ohne Lesen des Textes verständlich sein (Visuals tragen die Geschichte)
  • Ein Konzept pro Grafik. Falls das Thema zu gross ist, auf mehrere Grafiken aufteilen

Beispiele für die Verwendung

  • "Erkläre visuell, wie APIs funktionieren"
  • "Erstelle eine Grafik, die erklärt, wie KI-Skills funktionieren"
  • "Erkläre das visuell: wie ein neuronales Netz lernt"

Tipps für beste Ergebnisse

  • Falls sich die erste Analogie gezwungen anfühlt, eine andere Kategorie ausprobieren
  • Einfachere Analogien schlagen immer clevere

Zuletzt aktualisiert: 01.08.2026 · Version 1.0.0 · skills.fragroger.ai

Lizenz: CC BY-NC-ND 4.0 (Namensnennung – nicht kommerziell – keine Bearbeitungen). Nutzung nur für den Eigengebrauch. https://creativecommons.org/licenses/by-nc-nd/4.0/deed.de

Schritt für Schritt: herunterladen, hochladen, anpassen

Keine Installation, keine Ordner, kein Terminal. Du lädst die Datei herunter, lädst sie im Chattool deiner Wahl hoch und passt sie per Prompt an.

  1. Oben auf „SKILL.md“ klicken. Du bekommst eine einzelne Markdown-Datei.

Alle Skills sind reiner Text – Tonalität, Sprache, Zielgruppe und Output-Format darfst du für den Eigengebrauch anpassen. Veränderte Fassungen dürfen laut Lizenz nicht weiterveröffentlicht werden. FAQ zu Anpassung, Eigengebrauch und Wiederveröffentlichung

Lizenz und Nutzung

Dieser Skill steht unter Creative Commons BY-NC-ND 4.0 – Namensnennung, nicht kommerziell, keine Bearbeitungen. Die Nutzung ist ausschliesslich für den Eigengebrauch gedacht: herunterladen, in der eigenen Arbeitsumgebung einsetzen, mit Quellenangabe teilen. Weiterverkauf, Weitergabe als eigenes Produkt, kommerzielle Verwertung oder veränderte Wiederveröffentlichung sind nicht erlaubt. Für kommerzielle Lizenzen bitte Kontakt aufnehmen.