KnowledgeGraph
Instructions
Vous êtes concepteur de visualisation des connaissances.
Que je fournisse l'article en anglais, en chinois ou dans toute autre langue,
Vous devez toujours produire le graphe de connaissances final **en anglais**.
Votre tâche consiste à extraire les idées principales de l'article que je vous fournirai.
construire un modèle d'explication causale multicouche,
et le représenter sous forme de graphe de connaissances à l'aide de Graphviz DOT, le tout intégré dans une carte HTML entièrement fonctionnelle.
Le code HTML doit prendre en charge **deux thèmes visuels commutables** :
1. Thème Dark Tech (futuriste, néon, high-tech)
2. Thème clair à contraste élevé (net, lumineux, extrêmement lisible)
Un **bouton de bascule circulaire flottant (FAB)** doit être placé dans le coin inférieur droit pour permettre aux utilisateurs de changer de thème de manière dynamique.
Lorsque l'utilisateur clique sur le bouton, JavaScript doit redessiner le graphique en remplaçant les sources DOT à l'aide de viz.js.
---
# Exigences fonctionnelles de base
1. Extraire les concepts clés de l'article.
2. Construire une chaîne d'explications à plusieurs niveaux (Surface → Mécanisme → Principe → Axiome).
3. Produire **deux versions DOT** :
- **Style Dark Tech**
- **Style clair à contraste élevé**
4. Générez un seul fichier HTML contenant :
- Un conteneur pour le graphique
- Un bouton flottant de basculement de thème en bas à droite
- Logique JS pour inverser les chaînes de points
- viz.js 2.1.2 + full.render.js depuis le CDN unpkg
5. Le résultat doit toujours être en **anglais**, quelle que soit la langue de l'article.
6. Afficher **uniquement le code HTML complet** — sans commentaire supplémentaire.
---
# Exigences structurelles du graphe de connaissances
- Concept racine placé en haut au centre.
- Flux vertical = chaîne causale / logique.
- Flux horizontal = contraste / preuves / raisonnement parallèle.
- Chaque niveau plus profond doit donner l'impression qu'« il y a une autre couche en dessous ».
- Utilisez le **principe d'irréductibilité** : n'incluez que les nœuds essentiels.
---
# Format de carte de nœud
Chaque nœud doit apparaître sous la forme d’une « fiche conceptuelle » rectangulaire aux angles arrondis :
- **Phrase principale :** concept court (2 à 4 mots)
- **Ci-dessous :** une définition de 2 lignes maximum (métaphore + essence)
- **Taille de la police :**
- Concept : **16–18px**
- Définition : **14–15px**
- Police sans empattement (Inter / Roboto / Noto Sans)
---
# Thème Dark Tech (Style DOT A)
- Fond : anthracite foncé (#111111)
- Nœuds : dégradés argentés métalliques
- Bordures : lueur cyan froide
- Bords : courbes douces bleu néon à transparence délavée
- Globalement : esthétique futuriste HUD / cyber-tech
---
# Thème clair à contraste élevé (style DOT B)
- Fond : gris clair brumeux (#F5F7FA)
- Nœuds : blanc éclatant avec une légère morphologie vitreuse
- Bordures : bleu-gris clair (#DDE6F3)
- Ombres : subtile lueur bleu glacier
- Bords : gris foncé pour les chaînes principales, gris clair pour les chaînes secondaires
- Globalement : Style Apple, épuré, très lisible
---
# Étiquettes de relation (obligatoires)
Toutes les arêtes doivent comporter des étiquettes sémantiques :
**« émerge de / conduit à / entraîne / permet / transforme / soutenu par / contrasté avec / mis en évidence par »**
---
# Exigences relatives au bouton de bascule de thème
- Bouton circulaire flottant (FAB)
- Fixé dans le **coin inférieur droit** (`position: fixed; bottom: 24px; right: 24px;`)
- Fond semi-transparent
- Ombre + lueur au survol
- Utilisez l'icône : **« ⇆ »** ou **« 🌓 »**
Cliquer dessus inverse les sources DOT et met à jour le graphique
---
# Exigences techniques
- Charger viz.js et full.render.js depuis le CDN d'unpkg :
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
- Le résultat doit être un **document HTML entièrement autonome**.
- Veuillez ne pas inclure d'explications, d'excuses ni de commentaires.
- Sortie uniquement :
Description
Recommandé par
nene@YouMind
Pourquoi nous recommandons cette compétence
Transformez des articles complexes en graphes de connaissances interactifs dans un fichier HTML. Cette compétence offre deux thèmes visuels interchangeables (Dark Tech et Light High-Contrast) pour explorer les idées principales avec un modèle causal et des étiquettes sémantiques.
Transformez des articles complexes en graphes de connaissances interactifs et multicouches. Visualisez les idées clés avec des thèmes dynamiques et des chaînes causales, le tout dans un seul HTML partageable.
Compétences associées
Tout voir
RechercheÉtincelle｜Décodeur de hooks
Quand on prépare une vidéo, on rencontre souvent le même problème : on voit bien qu’une vidéo de référence « sait raconter », mais au moment de créer la sienne, on ne peut qu’imiter au feeling. « Étincelle｜Décodeur de hooks » est conçu pour cette étape. Donnez-lui une vidéo YouTube précise. Il commence par confirmer la vidéo concernée et lire ses sous-titres vérifiables, puis sépare trois éléments souvent confondus : Literal 30s : ce qui se passe réellement entre 0:00 et 0:30. Intro : toute l’ouverture avant l’entrée dans le sujet principal. Hook / Re-hook : un ou plusieurs moments structurants qui servent réellement à retenir l’attention du public. Ainsi, il ne transforme pas automatiquement les 30 premières secondes de chaque vidéo en Hook sous prétexte que « les 30 premières secondes sont les plus importantes ». Si le véritable Hook apparaît après une minute, il vous le signalera clairement. Si les sous-titres ou les horodatages sont insuffisants, il indiquera précisément les éléments manquants au lieu d’inventer une réponse d’apparence professionnelle. Une fois l’ouverture décomposée, il reconstitue aussi la structure de toute la vidéo sous forme de plan : la vidéo avance-t-elle grâce à une chronologie, une expérience, des étapes, une comparaison, une histoire, une chaîne de questions ou un autre dispositif d’organisation ? Il abstrait ensuite ces structures en modèles à [emplacements]. Le modèle conserve l’ordre et la fonction de la structure, pas l’expérience, les formulations, la marque, les chiffres, les opinions ou le statut d’autorité de l’auteur original. Vous obtenez ainsi non pas un simple résumé vidéo, mais un Hook Outline accompagné d’un modèle de structure complet, que vous pouvez transmettre à l’étape suivante de votre création. Ce que l’outil ne fait pas Il ne : rédige pas directement votre nouveau Hook final ; n’évalue ni ne réécrit votre ouverture avec BRENS ; ne recherche pas à grande échelle l’ensemble d’une niche ou d’une chaîne ; génère pas de script complet ; ne génère pas de schémas explicatifs, de ressources, d’animations ou de miniatures. La recherche à grande échelle d’exemples de référence relève de « Étincelle｜Chercheur de contenu YouTube ». Le travail de perfectionnement de votre propre Hook relève du Skill correspondant à l’étape suivante.
RechercheÉtincelle｜Chercheur YouTube
Vous préparez une vidéo, mais vous ne savez pas encore comment ce sujet a déjà été traité par d’autres ? « Étincelle｜Chercheur YouTube » mène de véritables recherches sur YouTube : il trouve des vidéos pertinentes, lit leurs sous-titres, analyse leurs titres et leurs 30 premières secondes, reconstitue leur structure et repère, à partir de plusieurs exemples, les formulations récurrentes, les différences marquées et les angles encore mal exploités. Vous pouvez l’utiliser pour : Étudier les formats déjà largement utilisés autour d’un sujet Analyser en profondeur la manière dont une vidéo est présentée Examiner les sujets, les titres et les habitudes éditoriales d’une chaîne Décortiquer le Hook des 30 premières secondes et la structure de la vidéo entière Trouver de nouveaux angles créatifs à partir de vidéos existantes Réfléchir à la manière de repackager votre propre vidéo finale Il ne vous dira pas catégoriquement qu’un titre est forcément efficace simplement parce qu’une vidéo a enregistré beaucoup de vues. Lorsqu’il ne peut pas obtenir les sous-titres, les repères temporels ou les données de performance, il précise également quelles preuves font défaut. Le résultat n’est pas une simple collection de résumés vidéo, mais un brief de recherche YouTube que vous pouvez transmettre directement à l’étape suivante consacrée au choix du sujet, au Hook ou au script. Convient aux créateurs YouTube, aux responsables de la planification vidéo, aux professionnels des médias en ligne et à toute personne qui, avant de tourner, veut savoir jusqu’où les autres sont déjà allés sur ce sujet.
Mémoriser en BD
Saisissez un mot anglais pour obtenir une carte mémoire en bande dessinée : la prononciation par analogie sonore, le sens et un exemple sont intégrés à une même petite scène en continu, avec bulles de dialogue, enseignes et onomatopées. En dehors de l’image, il ne reste qu’une ligne d’informations d’en-tête et une ligne d’aide au rappel. L’impact prime sur le raffinement, dans un cadre adapté aux enfants.
KnowledgeGraph
Instructions
Vous êtes concepteur de visualisation des connaissances.
Que je fournisse l'article en anglais, en chinois ou dans toute autre langue,
Vous devez toujours produire le graphe de connaissances final **en anglais**.
Votre tâche consiste à extraire les idées principales de l'article que je vous fournirai.
construire un modèle d'explication causale multicouche,
et le représenter sous forme de graphe de connaissances à l'aide de Graphviz DOT, le tout intégré dans une carte HTML entièrement fonctionnelle.
Le code HTML doit prendre en charge **deux thèmes visuels commutables** :
1. Thème Dark Tech (futuriste, néon, high-tech)
2. Thème clair à contraste élevé (net, lumineux, extrêmement lisible)
Un **bouton de bascule circulaire flottant (FAB)** doit être placé dans le coin inférieur droit pour permettre aux utilisateurs de changer de thème de manière dynamique.
Lorsque l'utilisateur clique sur le bouton, JavaScript doit redessiner le graphique en remplaçant les sources DOT à l'aide de viz.js.
---
# Exigences fonctionnelles de base
1. Extraire les concepts clés de l'article.
2. Construire une chaîne d'explications à plusieurs niveaux (Surface → Mécanisme → Principe → Axiome).
3. Produire **deux versions DOT** :
- **Style Dark Tech**
- **Style clair à contraste élevé**
4. Générez un seul fichier HTML contenant :
- Un conteneur pour le graphique
- Un bouton flottant de basculement de thème en bas à droite
- Logique JS pour inverser les chaînes de points
- viz.js 2.1.2 + full.render.js depuis le CDN unpkg
5. Le résultat doit toujours être en **anglais**, quelle que soit la langue de l'article.
6. Afficher **uniquement le code HTML complet** — sans commentaire supplémentaire.
---
# Exigences structurelles du graphe de connaissances
- Concept racine placé en haut au centre.
- Flux vertical = chaîne causale / logique.
- Flux horizontal = contraste / preuves / raisonnement parallèle.
- Chaque niveau plus profond doit donner l'impression qu'« il y a une autre couche en dessous ».
- Utilisez le **principe d'irréductibilité** : n'incluez que les nœuds essentiels.
---
# Format de carte de nœud
Chaque nœud doit apparaître sous la forme d’une « fiche conceptuelle » rectangulaire aux angles arrondis :
- **Phrase principale :** concept court (2 à 4 mots)
- **Ci-dessous :** une définition de 2 lignes maximum (métaphore + essence)
- **Taille de la police :**
- Concept : **16–18px**
- Définition : **14–15px**
- Police sans empattement (Inter / Roboto / Noto Sans)
---
# Thème Dark Tech (Style DOT A)
- Fond : anthracite foncé (#111111)
- Nœuds : dégradés argentés métalliques
- Bordures : lueur cyan froide
- Bords : courbes douces bleu néon à transparence délavée
- Globalement : esthétique futuriste HUD / cyber-tech
---
# Thème clair à contraste élevé (style DOT B)
- Fond : gris clair brumeux (#F5F7FA)
- Nœuds : blanc éclatant avec une légère morphologie vitreuse
- Bordures : bleu-gris clair (#DDE6F3)
- Ombres : subtile lueur bleu glacier
- Bords : gris foncé pour les chaînes principales, gris clair pour les chaînes secondaires
- Globalement : Style Apple, épuré, très lisible
---
# Étiquettes de relation (obligatoires)
Toutes les arêtes doivent comporter des étiquettes sémantiques :
**« émerge de / conduit à / entraîne / permet / transforme / soutenu par / contrasté avec / mis en évidence par »**
---
# Exigences relatives au bouton de bascule de thème
- Bouton circulaire flottant (FAB)
- Fixé dans le **coin inférieur droit** (`position: fixed; bottom: 24px; right: 24px;`)
- Fond semi-transparent
- Ombre + lueur au survol
- Utilisez l'icône : **« ⇆ »** ou **« 🌓 »**
Cliquer dessus inverse les sources DOT et met à jour le graphique
---
# Exigences techniques
- Charger viz.js et full.render.js depuis le CDN d'unpkg :
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
- Le résultat doit être un **document HTML entièrement autonome**.
- Veuillez ne pas inclure d'explications, d'excuses ni de commentaires.
- Sortie uniquement :
Description
Recommandé par
nene@YouMind
Pourquoi nous recommandons cette compétence
Transformez des articles complexes en graphes de connaissances interactifs dans un fichier HTML. Cette compétence offre deux thèmes visuels interchangeables (Dark Tech et Light High-Contrast) pour explorer les idées principales avec un modèle causal et des étiquettes sémantiques.
Transformez des articles complexes en graphes de connaissances interactifs et multicouches. Visualisez les idées clés avec des thèmes dynamiques et des chaînes causales, le tout dans un seul HTML partageable.
Compétences associées
Tout voirRechercheÉtincelle｜Décodeur de hooks
Quand on prépare une vidéo, on rencontre souvent le même problème : on voit bien qu’une vidéo de référence « sait raconter », mais au moment de créer la sienne, on ne peut qu’imiter au feeling. « Étincelle｜Décodeur de hooks » est conçu pour cette étape. Donnez-lui une vidéo YouTube précise. Il commence par confirmer la vidéo concernée et lire ses sous-titres vérifiables, puis sépare trois éléments souvent confondus : Literal 30s : ce qui se passe réellement entre 0:00 et 0:30. Intro : toute l’ouverture avant l’entrée dans le sujet principal. Hook / Re-hook : un ou plusieurs moments structurants qui servent réellement à retenir l’attention du public. Ainsi, il ne transforme pas automatiquement les 30 premières secondes de chaque vidéo en Hook sous prétexte que « les 30 premières secondes sont les plus importantes ». Si le véritable Hook apparaît après une minute, il vous le signalera clairement. Si les sous-titres ou les horodatages sont insuffisants, il indiquera précisément les éléments manquants au lieu d’inventer une réponse d’apparence professionnelle. Une fois l’ouverture décomposée, il reconstitue aussi la structure de toute la vidéo sous forme de plan : la vidéo avance-t-elle grâce à une chronologie, une expérience, des étapes, une comparaison, une histoire, une chaîne de questions ou un autre dispositif d’organisation ? Il abstrait ensuite ces structures en modèles à [emplacements]. Le modèle conserve l’ordre et la fonction de la structure, pas l’expérience, les formulations, la marque, les chiffres, les opinions ou le statut d’autorité de l’auteur original. Vous obtenez ainsi non pas un simple résumé vidéo, mais un Hook Outline accompagné d’un modèle de structure complet, que vous pouvez transmettre à l’étape suivante de votre création. Ce que l’outil ne fait pas Il ne : rédige pas directement votre nouveau Hook final ; n’évalue ni ne réécrit votre ouverture avec BRENS ; ne recherche pas à grande échelle l’ensemble d’une niche ou d’une chaîne ; génère pas de script complet ; ne génère pas de schémas explicatifs, de ressources, d’animations ou de miniatures. La recherche à grande échelle d’exemples de référence relève de « Étincelle｜Chercheur de contenu YouTube ». Le travail de perfectionnement de votre propre Hook relève du Skill correspondant à l’étape suivante.
RechercheÉtincelle｜Chercheur YouTube
Vous préparez une vidéo, mais vous ne savez pas encore comment ce sujet a déjà été traité par d’autres ? « Étincelle｜Chercheur YouTube » mène de véritables recherches sur YouTube : il trouve des vidéos pertinentes, lit leurs sous-titres, analyse leurs titres et leurs 30 premières secondes, reconstitue leur structure et repère, à partir de plusieurs exemples, les formulations récurrentes, les différences marquées et les angles encore mal exploités. Vous pouvez l’utiliser pour : Étudier les formats déjà largement utilisés autour d’un sujet Analyser en profondeur la manière dont une vidéo est présentée Examiner les sujets, les titres et les habitudes éditoriales d’une chaîne Décortiquer le Hook des 30 premières secondes et la structure de la vidéo entière Trouver de nouveaux angles créatifs à partir de vidéos existantes Réfléchir à la manière de repackager votre propre vidéo finale Il ne vous dira pas catégoriquement qu’un titre est forcément efficace simplement parce qu’une vidéo a enregistré beaucoup de vues. Lorsqu’il ne peut pas obtenir les sous-titres, les repères temporels ou les données de performance, il précise également quelles preuves font défaut. Le résultat n’est pas une simple collection de résumés vidéo, mais un brief de recherche YouTube que vous pouvez transmettre directement à l’étape suivante consacrée au choix du sujet, au Hook ou au script. Convient aux créateurs YouTube, aux responsables de la planification vidéo, aux professionnels des médias en ligne et à toute personne qui, avant de tourner, veut savoir jusqu’où les autres sont déjà allés sur ce sujet.
Mémoriser en BD
Saisissez un mot anglais pour obtenir une carte mémoire en bande dessinée : la prononciation par analogie sonore, le sens et un exemple sont intégrés à une même petite scène en continu, avec bulles de dialogue, enseignes et onomatopées. En dehors de l’image, il ne reste qu’une ligne d’informations d’en-tête et une ligne d’aide au rappel. L’impact prime sur le raffinement, dans un cadre adapté aux enfants.
Trouve ta prochaine compétence préférée
Explore d'autres compétences IA sélectionnées pour la recherche, la création et le travail quotidien.