Visualizacion

Infografias

Explica lo complejo con la analogia adecuada.

Primero encuentra la analogia cotidiana perfecta, asigna cada elemento del concepto a esa analogia y entrega un briefing visual completo para la infografia.

Version
1.0.0
Actualizado
Extension
8 capitulos · aprox. 4 min de lectura
Formato
SKILL.md (Markdown, aleman)
Licencia
CC BY-NC-ND 4.0

Cuando actua este skill

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

Que contiene

  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

Instrucciones completas

El contenido completo del archivo, identico a la descarga. Redactado en aleman.

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

Paso a paso: descargar, subir, adaptar

Sin instalacion, sin carpetas, sin terminal. Descarga el archivo, subelo a la herramienta de chat que prefieras y adaptalo con un prompt.

  1. Haz clic arriba en «SKILL.md». Recibes un unico archivo markdown.

Los skills son texto plano: adapta tono, idioma, publico y formato de salida para tu uso propio. La licencia no permite republicar versiones modificadas. FAQ sobre adaptacion, uso propio y republicacion

Licencia y uso

Este skill se publica bajo Creative Commons BY-NC-ND 4.0 – atribucion, sin uso comercial y sin obras derivadas. Esta pensado unicamente para uso propio: descargalo, usalo en tu entorno de trabajo y compartelo citando la fuente. No se permiten la reventa, la redistribucion como producto propio, la explotacion comercial ni la publicacion de versiones modificadas. Para licencias comerciales, ponte en contacto.