Visualisation

Infographics

Explain the complex with the right analogy.

Finds the perfect everyday analogy first, maps every element of the concept onto it and delivers a complete visual brief for the infographic.

Version
1.0.0
Updated
Length
8 chapters · approx. 4 min read
Format
SKILL.md (Markdown, German)
License
CC BY-NC-ND 4.0

When this skill kicks in

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

What's inside

  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

Full instructions

The complete file content, identical to the download. Written in German.

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

Step by step: download, upload, adapt

No installation, no folders, no terminal. Download the file, upload it to the chat tool of your choice and adapt it with a prompt.

  1. Click “SKILL.md” above. You get a single markdown file.

Skills are plain text – adapt tone, language, audience and output format for your own use. The licence does not allow republishing modified versions. FAQ on adaptation, personal use and republishing

License and use

This skill is published under Creative Commons BY-NC-ND 4.0 – attribution, non-commercial, no derivatives. It is meant for personal use only: download it, use it in your own working environment, share it with attribution. Resale, redistribution as your own product, commercial exploitation or republishing modified versions are not permitted. Please get in touch for commercial licenses.