Visualizzazione

Infografiche

Spiega il complesso con l'analogia giusta.

Trova prima l'analogia quotidiana perfetta, associa ogni elemento del concetto a quell'analogia e consegna un brief visivo completo per l'infografica.

Versione
1.0.0
Aggiornato
Estensione
8 capitoli · circa 4 min di lettura
Formato
SKILL.md (Markdown, tedesco)
Licenza
CC BY-NC-ND 4.0

Quando entra in gioco questo skill

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

Che cosa 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

Istruzioni complete

Il contenuto completo del file, identico al download. Redatto in tedesco.

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

Passo dopo passo: scaricare, caricare, adattare

Nessuna installazione, nessuna cartella, nessun terminale. Scarichi il file, lo carichi nel tuo strumento di chat e lo adatti con un prompt.

  1. Clicca sopra su «SKILL.md». Ricevi un singolo file markdown.

Gli skill sono testo semplice: adatta tono, lingua, pubblico e formato di output per uso personale. La licenza non consente di ripubblicare versioni modificate. FAQ su adattamento, uso personale e ripubblicazione

Licenza e uso

Questo skill e pubblicato con licenza Creative Commons BY-NC-ND 4.0 – attribuzione, nessun uso commerciale e nessuna opera derivata. E pensato esclusivamente per uso personale: scaricalo, usalo nel tuo ambiente di lavoro e condividilo citando la fonte. Non sono consentiti rivendita, redistribuzione come prodotto proprio, sfruttamento commerciale o pubblicazione di versioni modificate. Per licenze commerciali, mettiti in contatto.