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
What's inside
- 01Funktionsweise
- 02Schritt 1: Die perfekte Analogie finden
- 03Schritt 2: Die Analogie zuordnen
- 04Schritt 3: Ein Layout wählen
- 05Schritt 4: Das visuelle Briefing schreiben
- 06Regeln
- 07Beispiele für die Verwendung
- 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:
| Kategorie | Beispielanalogien | Am besten für |
|---|---|---|
| Alltag | Küche, Kleiderschrank, Briefkasten, Aktenschrank, Fernbedienung | Organisation, Speicherung, Schnittstellen |
| Berufe und Rollen | Empfang, Übersetzer, Bibliothekar, Türsteher, Fluglotse | Weiterleitung, Filterung, Verwaltung |
| Bauwesen | Bauplan, Fundament, Gerüst, Sanitärinstallation, Verkabelung | Architektur, Infrastruktur |
| Kochen | Rezept, Zutaten, Ofen, Mixer, Mise en Place | Prozesse, Kombination von Eingaben |
| Sport | Spielbuch, Trainer, Schiedsrichter, Trainingslager, Staffellauf | Strategie, Teamarbeit, Übergaben |
| Gaming | Fähigkeitenbaum, Inventar, Questlog, Respawn, Power-ups | Fortschritt, Upgrades, Systeme |
| Natur | Wurzelsystem, Bienenstock, Nahrungskette, Ökosystem, Jahreszeiten | Netzwerke, Hierarchien, Kreisläufe |
| Popkultur | Schweizer Taschenmesser, Netflix-Warteschlange, GPS-Navigation | Multi-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 Konzept | Entsprechung in der Analogie | Visuelles Element | Verbindung |
|---|---|---|---|
| [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:
| Layout | Struktur | Am besten für |
|---|---|---|
| Geteiltes Panel | Zwei Hälften nebeneinander | Vergleiche, vorher/nachher, real vs. Analogie |
| Kreisfluss | Elemente im Kreis mit Pfeilen | Kreisläufe, Feedbackschleifen, wiederkehrende Prozesse |
| Gestapelte Schritte | Vertikaler Stapel, von oben nach unten | Sequenzielle Prozesse, Hierarchien, Trichter |
| Vergleichsraster | 2x2- oder 3x3-Raster aus Karten | Merkmalsvergleiche, Kategorieaufschlüsselungen |
| Vorher/Nachher | Links alte Methode, rechts neue Methode | Transformationen, Upgrades, Verbesserungen |
| Pyramide | Aufeinander aufbauende Schichten | Grundlegende Konzepte, Prioritätsstufen |
| Nabe und Speichen | Zentrales Element mit Verzweigungen | Eins-zu-viele-Beziehungen, Ökosysteme |
| Zeitleiste | Verlauf von links nach rechts | Entwicklung, 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.
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.