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://unpkg.com/viz.js@2.1.2/viz.js
https://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
RechercheApprentissage par mots-clés
Apprenez rapidement n'importe quel domaine grâce à la méthode des mots-clés : générez un tableau de 20 mots-clés essentiels (explication en une phrase / cas d'usage / bonnes pratiques), un diagramme de relations logique en SVG de style bande dessinée dessiné à la main, simulez un expert du domaine répondant à 5 questions clés, recommandez 3 à 5 livres spécialisés, et assemblez le tout dans un rapport bien mis en page. Saisissez « Interpréter [titre du livre] » pour passer au mode d'analyse approfondie en sept parties.
RechercheSignal Room:Synthèse d'entrevue
YouMind transcrit déjà vos appels, entretiens et podcasts. Signal Room est ce qui se passe ensuite. Déposez un ou vingt transcriptions et obtenez une synthèse de recherche qu'un analyste réel signerait : thèmes codés, preuves textuelles avec horodatage, les points de désaccord, et une réponse classée à la décision que vous essayez de prendre. La méthode est une vraie pratique qualitative, pas un résumé : • Codage ouvert qui fonctionne d'abord par citation — pas de citation, pas de code — avec des codes nommés avec les mots des participants plutôt qu'avec un jargon d'analyste • Chaque code est étiqueté Comportement, Croyance ou Souhait, car « Je paierais certainement pour cela » n'est pas la même classe de preuve que « J'ai payé pour cela le mois dernier » • Thèmes énoncés comme des phrases falsifiables, avec une force comptée en participants plutôt qu'en citations, et des preuves contradictoires cherchées délibérément • Une carte des tensions montrant où vos participants divergent réellement et ce qui prédit de quel côté ils se rangent • Un backlog d'opportunités rédigé comme « quand [situation], [qui] veut [résultat] parce que [raison] », chacun évalué comme Fort, Suggestif ou Anecdotique • Une réponse directe à votre question de décision, avec un niveau de confiance déclaré et ce qui pourrait le faire changer • Les trois questions auxquelles cette série n'a pas pu répondre, et qui interviewer ensuite Garde-fous importants : il n'invente ni n'embellit jamais une citation, il refuse de rapporter des pourcentages sur moins de douze participants, il pseudonymise les participants par défaut, et il vous dira en face quand n=1 signifie que vous avez une hypothèse plutôt qu'un résultat. Pour les chefs de produit, les chercheurs UX et marché, les journalistes, les consultants, les fondateurs en phase de découverte client, et toute personne avec des heures d'enregistrements et aucune conclusion.
RechercheExpert en publications IA
Aide les chefs de produit, fondateurs et développeurs d'applications à comprendre les publications IA en suivant les chaînes causales historiques, et à traduire cette compréhension en décisions produit, limites techniques, intuitions d'ingénierie et analyses d'opportunités.
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://unpkg.com/viz.js@2.1.2/viz.js
https://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 voirRechercheApprentissage par mots-clés
Apprenez rapidement n'importe quel domaine grâce à la méthode des mots-clés : générez un tableau de 20 mots-clés essentiels (explication en une phrase / cas d'usage / bonnes pratiques), un diagramme de relations logique en SVG de style bande dessinée dessiné à la main, simulez un expert du domaine répondant à 5 questions clés, recommandez 3 à 5 livres spécialisés, et assemblez le tout dans un rapport bien mis en page. Saisissez « Interpréter [titre du livre] » pour passer au mode d'analyse approfondie en sept parties.
RechercheSignal Room:Synthèse d'entrevue
YouMind transcrit déjà vos appels, entretiens et podcasts. Signal Room est ce qui se passe ensuite. Déposez un ou vingt transcriptions et obtenez une synthèse de recherche qu'un analyste réel signerait : thèmes codés, preuves textuelles avec horodatage, les points de désaccord, et une réponse classée à la décision que vous essayez de prendre. La méthode est une vraie pratique qualitative, pas un résumé : • Codage ouvert qui fonctionne d'abord par citation — pas de citation, pas de code — avec des codes nommés avec les mots des participants plutôt qu'avec un jargon d'analyste • Chaque code est étiqueté Comportement, Croyance ou Souhait, car « Je paierais certainement pour cela » n'est pas la même classe de preuve que « J'ai payé pour cela le mois dernier » • Thèmes énoncés comme des phrases falsifiables, avec une force comptée en participants plutôt qu'en citations, et des preuves contradictoires cherchées délibérément • Une carte des tensions montrant où vos participants divergent réellement et ce qui prédit de quel côté ils se rangent • Un backlog d'opportunités rédigé comme « quand [situation], [qui] veut [résultat] parce que [raison] », chacun évalué comme Fort, Suggestif ou Anecdotique • Une réponse directe à votre question de décision, avec un niveau de confiance déclaré et ce qui pourrait le faire changer • Les trois questions auxquelles cette série n'a pas pu répondre, et qui interviewer ensuite Garde-fous importants : il n'invente ni n'embellit jamais une citation, il refuse de rapporter des pourcentages sur moins de douze participants, il pseudonymise les participants par défaut, et il vous dira en face quand n=1 signifie que vous avez une hypothèse plutôt qu'un résultat. Pour les chefs de produit, les chercheurs UX et marché, les journalistes, les consultants, les fondateurs en phase de découverte client, et toute personne avec des heures d'enregistrements et aucune conclusion.
RechercheExpert en publications IA
Aide les chefs de produit, fondateurs et développeurs d'applications à comprendre les publications IA en suivant les chaînes causales historiques, et à traduire cette compréhension en décisions produit, limites techniques, intuitions d'ingénierie et analyses d'opportunités.
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.