KnowledgeGraph
Anweisungen
Sie sind ein Designer für Wissensvisualisierung.
Egal ob ich den Artikel auf Englisch, Chinesisch oder in einer anderen Sprache bereitstelle,
Der endgültige Wissensgraph muss immer **in englischer Sprache** ausgegeben werden.
Ihre Aufgabe ist es, die Kernideen des von mir bereitgestellten Artikels herauszuarbeiten.
Ein mehrschichtiges kausales Erklärungsmodell erstellen,
und stellen Sie es mithilfe von Graphviz DOT als Wissensgraph dar, verpackt in einer voll funktionsfähigen HTML-Karte.
Das HTML muss **zwei umschaltbare visuelle Designs** unterstützen:
1. Dark-Tech-Thema (futuristisch, neonartig, Hightech)
2. Helles, kontrastreiches Design (klar, hell, extrem gut lesbar)
Ein **schwebender runder Umschaltknopf (FAB)** muss in der unteren rechten Ecke platziert werden, damit Benutzer dynamisch zwischen Designs wechseln können.
Beim Klicken auf die Schaltfläche sollte JavaScript den Graphen neu rendern, indem es die DOT-Quellen mithilfe von viz.js austauscht.
---
# Kernfunktionale Anforderungen
1. Extrahieren Sie die wichtigsten Konzepte aus dem Artikel.
2. Erstellen Sie eine mehrschichtige Erklärungskette (Oberfläche → Mechanismus → Prinzip → Axiom).
3. Erstellen Sie **zwei DOT-Versionen**:
- **Dark Tech Style**
- **Heller Stil mit hohem Kontrast**
4. Generieren Sie eine einzelne HTML-Datei mit folgendem Inhalt:
- Ein Container für den Graphen
- Eine schwebende Schaltfläche zum Umschalten des Designs unten rechts
- JS-Logik zum Umschalten von Punktzeichenketten
- viz.js 2.1.2 + full.render.js vom unpkg CDN
5. Die Ausgabe muss immer **Englisch** sein, unabhängig von der Artikelsprache.
6. Nur den vollständigen HTML-Code ausgeben – ohne zusätzliche Kommentare.
---
# Strukturelle Anforderungen an den Wissensgraphen
- Das Wurzelkonzept befindet sich oben in der Mitte.
- Vertikaler Fluss = kausale / logische Kette.
- Horizontaler Fluss = Kontrast / Beweise / parallele Argumentation.
- Jede tiefere Ebene muss sich so anfühlen, als ob „darunter noch eine weitere Schicht liegt“.
- Verwende das **Prinzip der Unreduzierbarkeit**: Beziehe nur essentielle Knoten mit ein.
---
# Knotenkartenformat
Jeder Knoten muss als abgerundete Rechteck-„Konzeptkarte“ erscheinen:
- **Überschrift:** Kurzes Konzept (2–4 Wörter)
- **Unten:** eine Definition von maximal 2 Zeilen (Metapher + Essenz)
- **Schriftgröße:**
- Konzept: **16–18px**
- Definition: **14–15px**
- Serifenlose Schriftart (Inter / Roboto / Noto Sans)
---
# Dunkles Tech-Design (DOT-Stil A)
- Hintergrund: Dunkelgrau (#111111)
- Knoten: metallisch-silberne Farbverläufe
- Ränder: kühles Cyan-Leuchten
- Kanten: weiche, neonblaue Kurven mit abnehmender Transparenz
- Insgesamt: futuristisches HUD / Cyber-Tech-Ästhetik
---
# Helles, kontrastreiches Design (DOT-Stil B)
- Hintergrund: nebliges Hellgrau (#F5F7FA)
- Knoten: hellweiß mit leichter Glasmorphose
- Ränder: sanftes Blaugrau (#DDE6F3)
- Schatten: subtiles eisblaues Leuchten
- Kanten: Dunkelgrau für Hauptketten, Hellgrau für Nebenketten
- Insgesamt: Im Apple-Stil, übersichtlich, gut lesbar
---
# Beziehungsbezeichnungen (Pflichtfeld)
Alle Kanten müssen semantische Bezeichnungen enthalten:
**„entsteht aus / führt zu / treibt an / ermöglicht / transformiert / unterstützt durch / im Gegensatz zu / belegt durch“**
---
# Anforderungen an den Theme-Umschaltknopf
- Schwebender runder Knopf (FAB)
- Fixiert in der **unteren rechten Ecke** (`position: fixed; bottom: 24px; right: 24px;`)
- Halbtransparenter Hintergrund
- Schatten + Schwebeleuchten
- Symbol verwenden: **“⇆”** oder **“🌓”**
Durch Anklicken werden die DOT-Quellen vertauscht und das Diagramm neu gerendert.
---
# Technische Anforderungen
- Laden Sie viz.js und full.render.js vom unpkg CDN:
https://youmind.club/__ext/unpkg.com/viz.js@2.1.2/viz.js
https://youmind.club/__ext/unpkg.com/viz.js@2.1.2/full.render.js
- Die Ausgabe muss ein **vollständig eigenständiges HTML-Dokument** sein.
- Bitte keine Erklärungen, Entschuldigungen oder Kommentare hinzufügen.
- Nur Ausgabe:
Beschreibung
Empfohlen von
nene@YouMind
Warum wir diese Fähigkeit empfehlen
Verwandeln Sie komplexe Artikel in interaktive, mehrschichtige Wissensgraphen, die in einer einzigen, eigenständigen HTML-Datei präsentiert werden. Diese Fähigkeit bietet einzigartig zwei umschaltbare visuelle Themen – Dark Tech und Light High-Contrast – und ermöglicht die dynamische Erkundung von Kernideen durch ein visuell beeindruckendes und kausal strukturiertes Erklärungsmodell, komplett mit semantischen Beziehungsbezeichnungen.
Verwandeln Sie komplexe Artikel in interaktive, mehrschichtige Wissensgraphen. Visualisieren Sie Kernideen mit dynamischen Themen und Kausalketten, alles in einer einzigen, teilbaren HTML-Datei.
Ähnliche Fähigkeiten
Alle anzeigen
ForschungFunke｜Video-Hook-Analyse
Wenn wir ein Video erstellen möchten, erleben wir oft Folgendes: Wir erkennen zwar, dass ein bestimmtes Referenzvideo „sehr gut erklärt“, doch sobald wir selbst an der Reihe sind, können wir es nur nach Gefühl nachahmen. „Funke｜Video-Hook-Analyse“ ist genau für diesen Schritt gedacht. Gib ihm ein bestimmtes YouTube-Video. Es bestätigt zunächst das richtige Video und liest die überprüfbaren Untertitel aus. Anschließend trennt es drei Dinge voneinander, die leicht vermischt werden: Literal 30s: Was im Video von 0:00 bis 0:30 tatsächlich passiert. Intro: Der gesamte Einstieg vor dem Hauptteil. Hook / Re-hook: Ein oder mehrere strukturelle Elemente, die tatsächlich dazu dienen, Zuschauer zu halten. Deshalb erklärt es nicht bei jedem Video zwanghaft die ersten 30 Sekunden zum Hook, nur weil allgemein gesagt wird, dass diese besonders wichtig seien. Liegt der eigentliche Hook erst nach der ersten Minute, wird das ebenso klar benannt. Wenn Untertitel oder Zeitstempel nicht ausreichen, weist es ausdrücklich auf die fehlende Beleglage hin, statt eine scheinbar professionelle Antwort zu ergänzen. Nach der Analyse des Einstiegs rekonstruiert es anhand einer Gliederung die Inhaltsstruktur des gesamten Videos: Wird das Video durch eine Zeitleiste, ein Experiment, Schritte, Vergleiche, eine Geschichte, eine Fragenkette oder ein anderes Organisationsprinzip vorangetrieben? Anschließend abstrahiert es diese Strukturen zu [Slot]-Vorlagen. Die Vorlage bewahrt die Reihenfolge und Funktion der Strukturelemente – nicht die Erlebnisse, Formulierungen, Marken, Zahlen, Ansichten oder die Autorität des ursprünglichen Autors. Am Ende erhältst du keine einfache Videozusammenfassung, sondern eine Hook Outline plus eine Strukturvorlage für das gesamte Video, die du direkt an den nächsten Schritt der Content-Erstellung weitergeben kannst. Was es nicht macht Es wird nicht: - den finalen neuen Hook direkt für dich schreiben; - deinen Einstieg mit BRENS bewerten oder umschreiben; - die gesamte Nische oder einen Kanal umfangreich durchsuchen; - ein vollständiges Skript erstellen; - Grafiken, Materialien, Animationen oder Thumbnails erstellen. Die umfangreiche Suche nach Referenzbeispielen gehört zum vorgelagerten Skill „Funke｜YouTube-Content-Recherche“; die Überarbeitung deines eigenen Hooks erfolgt im entsprechenden nachgelagerten Skill.
ForschungFunke｜YouTube-Research
Du möchtest ein Video erstellen, weißt aber nicht, wie andere dieses Thema bereits umgesetzt haben? „Funke｜YouTube-Research“ recherchiert direkt auf YouTube: Es findet relevante Videos, liest Transkripte, analysiert Titel und die ersten 30 Sekunden, rekonstruiert die Inhaltsstruktur und ermittelt anhand mehrerer Beispiele wiederkehrende Formulierungen, klare Unterschiede und noch nicht gut gelöste Lücken. Du kannst es verwenden, um: zu untersuchen, welche Inhalte zu einem Thema derzeit immer wieder verwendet werden genau zu analysieren, wie ein Video aufgebaut und erzählt ist die Themen, Titel und Inhaltsmuster eines Kanals zu prüfen den Hook der ersten 30 Sekunden und die Struktur des gesamten Videos zu zerlegen neue kreative Ansätze in bestehenden Videos zu finden die Verpackung deines eigenen fertigen Videos neu zu planen Wenn ein Video viele Aufrufe hat, behauptet es nicht vorschnell, dass dieser Titel „sicher funktioniert“. Wenn Transkripte, Zeitstempel oder Leistungsdaten fehlen, weist es ausdrücklich darauf hin, welche Belege nicht vorhanden sind. Du erhältst keine Sammlung von Videozusammenfassungen, sondern ein YouTube-Recherchebriefing, das direkt an die nächste Arbeit an Thema, Hook oder Skript übergeben werden kann. Geeignet für: YouTube-Creator, Videoplaner, Betreiber von Social-Media-Kanälen und alle, die vor jeder Aufnahme zuerst prüfen möchten, wie weit andere dieses Thema bereits entwickelt haben.
Witzige Vokabelbilder
Gib ein englisches Wort ein und erhalte eine comicartige Merkkarte: Klangassoziation, Bedeutung und Beispielsatz werden in derselben fortlaufenden Mini-Szene dargestellt – mit Sprechblasen, Schildern und Lautmalerei. Außerhalb des Bildes bleiben nur eine Kopfzeile und eine Zeile als Erinnerungshilfe. Wirkung geht vor feiner Ausarbeitung, kindgerecht.
KnowledgeGraph
Anweisungen
Sie sind ein Designer für Wissensvisualisierung.
Egal ob ich den Artikel auf Englisch, Chinesisch oder in einer anderen Sprache bereitstelle,
Der endgültige Wissensgraph muss immer **in englischer Sprache** ausgegeben werden.
Ihre Aufgabe ist es, die Kernideen des von mir bereitgestellten Artikels herauszuarbeiten.
Ein mehrschichtiges kausales Erklärungsmodell erstellen,
und stellen Sie es mithilfe von Graphviz DOT als Wissensgraph dar, verpackt in einer voll funktionsfähigen HTML-Karte.
Das HTML muss **zwei umschaltbare visuelle Designs** unterstützen:
1. Dark-Tech-Thema (futuristisch, neonartig, Hightech)
2. Helles, kontrastreiches Design (klar, hell, extrem gut lesbar)
Ein **schwebender runder Umschaltknopf (FAB)** muss in der unteren rechten Ecke platziert werden, damit Benutzer dynamisch zwischen Designs wechseln können.
Beim Klicken auf die Schaltfläche sollte JavaScript den Graphen neu rendern, indem es die DOT-Quellen mithilfe von viz.js austauscht.
---
# Kernfunktionale Anforderungen
1. Extrahieren Sie die wichtigsten Konzepte aus dem Artikel.
2. Erstellen Sie eine mehrschichtige Erklärungskette (Oberfläche → Mechanismus → Prinzip → Axiom).
3. Erstellen Sie **zwei DOT-Versionen**:
- **Dark Tech Style**
- **Heller Stil mit hohem Kontrast**
4. Generieren Sie eine einzelne HTML-Datei mit folgendem Inhalt:
- Ein Container für den Graphen
- Eine schwebende Schaltfläche zum Umschalten des Designs unten rechts
- JS-Logik zum Umschalten von Punktzeichenketten
- viz.js 2.1.2 + full.render.js vom unpkg CDN
5. Die Ausgabe muss immer **Englisch** sein, unabhängig von der Artikelsprache.
6. Nur den vollständigen HTML-Code ausgeben – ohne zusätzliche Kommentare.
---
# Strukturelle Anforderungen an den Wissensgraphen
- Das Wurzelkonzept befindet sich oben in der Mitte.
- Vertikaler Fluss = kausale / logische Kette.
- Horizontaler Fluss = Kontrast / Beweise / parallele Argumentation.
- Jede tiefere Ebene muss sich so anfühlen, als ob „darunter noch eine weitere Schicht liegt“.
- Verwende das **Prinzip der Unreduzierbarkeit**: Beziehe nur essentielle Knoten mit ein.
---
# Knotenkartenformat
Jeder Knoten muss als abgerundete Rechteck-„Konzeptkarte“ erscheinen:
- **Überschrift:** Kurzes Konzept (2–4 Wörter)
- **Unten:** eine Definition von maximal 2 Zeilen (Metapher + Essenz)
- **Schriftgröße:**
- Konzept: **16–18px**
- Definition: **14–15px**
- Serifenlose Schriftart (Inter / Roboto / Noto Sans)
---
# Dunkles Tech-Design (DOT-Stil A)
- Hintergrund: Dunkelgrau (#111111)
- Knoten: metallisch-silberne Farbverläufe
- Ränder: kühles Cyan-Leuchten
- Kanten: weiche, neonblaue Kurven mit abnehmender Transparenz
- Insgesamt: futuristisches HUD / Cyber-Tech-Ästhetik
---
# Helles, kontrastreiches Design (DOT-Stil B)
- Hintergrund: nebliges Hellgrau (#F5F7FA)
- Knoten: hellweiß mit leichter Glasmorphose
- Ränder: sanftes Blaugrau (#DDE6F3)
- Schatten: subtiles eisblaues Leuchten
- Kanten: Dunkelgrau für Hauptketten, Hellgrau für Nebenketten
- Insgesamt: Im Apple-Stil, übersichtlich, gut lesbar
---
# Beziehungsbezeichnungen (Pflichtfeld)
Alle Kanten müssen semantische Bezeichnungen enthalten:
**„entsteht aus / führt zu / treibt an / ermöglicht / transformiert / unterstützt durch / im Gegensatz zu / belegt durch“**
---
# Anforderungen an den Theme-Umschaltknopf
- Schwebender runder Knopf (FAB)
- Fixiert in der **unteren rechten Ecke** (`position: fixed; bottom: 24px; right: 24px;`)
- Halbtransparenter Hintergrund
- Schatten + Schwebeleuchten
- Symbol verwenden: **“⇆”** oder **“🌓”**
Durch Anklicken werden die DOT-Quellen vertauscht und das Diagramm neu gerendert.
---
# Technische Anforderungen
- Laden Sie viz.js und full.render.js vom unpkg CDN:
https://youmind.club/__ext/unpkg.com/viz.js@2.1.2/viz.js
https://youmind.club/__ext/unpkg.com/viz.js@2.1.2/full.render.js
- Die Ausgabe muss ein **vollständig eigenständiges HTML-Dokument** sein.
- Bitte keine Erklärungen, Entschuldigungen oder Kommentare hinzufügen.
- Nur Ausgabe:
Beschreibung
Empfohlen von
nene@YouMind
Warum wir diese Fähigkeit empfehlen
Verwandeln Sie komplexe Artikel in interaktive, mehrschichtige Wissensgraphen, die in einer einzigen, eigenständigen HTML-Datei präsentiert werden. Diese Fähigkeit bietet einzigartig zwei umschaltbare visuelle Themen – Dark Tech und Light High-Contrast – und ermöglicht die dynamische Erkundung von Kernideen durch ein visuell beeindruckendes und kausal strukturiertes Erklärungsmodell, komplett mit semantischen Beziehungsbezeichnungen.
Verwandeln Sie komplexe Artikel in interaktive, mehrschichtige Wissensgraphen. Visualisieren Sie Kernideen mit dynamischen Themen und Kausalketten, alles in einer einzigen, teilbaren HTML-Datei.
Ähnliche Fähigkeiten
Alle anzeigenForschungFunke｜Video-Hook-Analyse
Wenn wir ein Video erstellen möchten, erleben wir oft Folgendes: Wir erkennen zwar, dass ein bestimmtes Referenzvideo „sehr gut erklärt“, doch sobald wir selbst an der Reihe sind, können wir es nur nach Gefühl nachahmen. „Funke｜Video-Hook-Analyse“ ist genau für diesen Schritt gedacht. Gib ihm ein bestimmtes YouTube-Video. Es bestätigt zunächst das richtige Video und liest die überprüfbaren Untertitel aus. Anschließend trennt es drei Dinge voneinander, die leicht vermischt werden: Literal 30s: Was im Video von 0:00 bis 0:30 tatsächlich passiert. Intro: Der gesamte Einstieg vor dem Hauptteil. Hook / Re-hook: Ein oder mehrere strukturelle Elemente, die tatsächlich dazu dienen, Zuschauer zu halten. Deshalb erklärt es nicht bei jedem Video zwanghaft die ersten 30 Sekunden zum Hook, nur weil allgemein gesagt wird, dass diese besonders wichtig seien. Liegt der eigentliche Hook erst nach der ersten Minute, wird das ebenso klar benannt. Wenn Untertitel oder Zeitstempel nicht ausreichen, weist es ausdrücklich auf die fehlende Beleglage hin, statt eine scheinbar professionelle Antwort zu ergänzen. Nach der Analyse des Einstiegs rekonstruiert es anhand einer Gliederung die Inhaltsstruktur des gesamten Videos: Wird das Video durch eine Zeitleiste, ein Experiment, Schritte, Vergleiche, eine Geschichte, eine Fragenkette oder ein anderes Organisationsprinzip vorangetrieben? Anschließend abstrahiert es diese Strukturen zu [Slot]-Vorlagen. Die Vorlage bewahrt die Reihenfolge und Funktion der Strukturelemente – nicht die Erlebnisse, Formulierungen, Marken, Zahlen, Ansichten oder die Autorität des ursprünglichen Autors. Am Ende erhältst du keine einfache Videozusammenfassung, sondern eine Hook Outline plus eine Strukturvorlage für das gesamte Video, die du direkt an den nächsten Schritt der Content-Erstellung weitergeben kannst. Was es nicht macht Es wird nicht: - den finalen neuen Hook direkt für dich schreiben; - deinen Einstieg mit BRENS bewerten oder umschreiben; - die gesamte Nische oder einen Kanal umfangreich durchsuchen; - ein vollständiges Skript erstellen; - Grafiken, Materialien, Animationen oder Thumbnails erstellen. Die umfangreiche Suche nach Referenzbeispielen gehört zum vorgelagerten Skill „Funke｜YouTube-Content-Recherche“; die Überarbeitung deines eigenen Hooks erfolgt im entsprechenden nachgelagerten Skill.
ForschungFunke｜YouTube-Research
Du möchtest ein Video erstellen, weißt aber nicht, wie andere dieses Thema bereits umgesetzt haben? „Funke｜YouTube-Research“ recherchiert direkt auf YouTube: Es findet relevante Videos, liest Transkripte, analysiert Titel und die ersten 30 Sekunden, rekonstruiert die Inhaltsstruktur und ermittelt anhand mehrerer Beispiele wiederkehrende Formulierungen, klare Unterschiede und noch nicht gut gelöste Lücken. Du kannst es verwenden, um: zu untersuchen, welche Inhalte zu einem Thema derzeit immer wieder verwendet werden genau zu analysieren, wie ein Video aufgebaut und erzählt ist die Themen, Titel und Inhaltsmuster eines Kanals zu prüfen den Hook der ersten 30 Sekunden und die Struktur des gesamten Videos zu zerlegen neue kreative Ansätze in bestehenden Videos zu finden die Verpackung deines eigenen fertigen Videos neu zu planen Wenn ein Video viele Aufrufe hat, behauptet es nicht vorschnell, dass dieser Titel „sicher funktioniert“. Wenn Transkripte, Zeitstempel oder Leistungsdaten fehlen, weist es ausdrücklich darauf hin, welche Belege nicht vorhanden sind. Du erhältst keine Sammlung von Videozusammenfassungen, sondern ein YouTube-Recherchebriefing, das direkt an die nächste Arbeit an Thema, Hook oder Skript übergeben werden kann. Geeignet für: YouTube-Creator, Videoplaner, Betreiber von Social-Media-Kanälen und alle, die vor jeder Aufnahme zuerst prüfen möchten, wie weit andere dieses Thema bereits entwickelt haben.
Witzige Vokabelbilder
Gib ein englisches Wort ein und erhalte eine comicartige Merkkarte: Klangassoziation, Bedeutung und Beispielsatz werden in derselben fortlaufenden Mini-Szene dargestellt – mit Sprechblasen, Schildern und Lautmalerei. Außerhalb des Bildes bleiben nur eine Kopfzeile und eine Zeile als Erinnerungshilfe. Wirkung geht vor feiner Ausarbeitung, kindgerecht.
Finde deine nächste Lieblingsfähigkeit
Entdecke weitere kuratierte KI-Fähigkeiten für Recherche, Kreativität und den Arbeitsalltag.