KnowledgeGraph
Instrucciones
Eres diseñador de visualización de conocimiento.
No importa si proporciono el artículo en inglés, chino o cualquier otro idioma,
Siempre debes generar el gráfico de conocimiento final **en inglés**.
Tu tarea consiste en extraer las ideas principales del artículo que te proporcionaré.
construir un modelo de explicación causal de múltiples capas,
y representarlo como un grafo de conocimiento utilizando Graphviz DOT, empaquetado dentro de una tarjeta HTML completamente funcional.
El HTML debe admitir **dos temas visuales intercambiables**:
1. Tema de tecnología oscura (futurista, neón, alta tecnología)
2. Tema claro de alto contraste (limpio, brillante, extremadamente legible)
Se debe colocar un **botón flotante circular (FAB)** en la esquina inferior derecha para permitir a los usuarios cambiar de tema dinámicamente.
Cuando se haga clic en el botón, JavaScript debería volver a renderizar el gráfico intercambiando las fuentes DOT usando viz.js.
---
# Requisitos funcionales básicos
1. Extrae los conceptos clave del artículo.
2. Construye una cadena de explicación de múltiples capas (Superficie → Mecanismo → Principio → Axioma).
3. Producir **dos versiones DOT**:
- **Estilo Dark Tech**
- **Estilo claro de alto contraste**
4. Generar un único archivo HTML que contenga:
- Un contenedor para el gráfico
- Un botón flotante para alternar el tema en la esquina inferior derecha
- Lógica JS para cambiar cadenas de puntos
- viz.js 2.1.2 + full.render.js desde unpkg CDN
5. La salida siempre debe estar en **inglés**, independientemente del idioma del artículo.
6. Generar **únicamente el HTML completo** — sin comentarios adicionales.
---
# Requisitos estructurales para el grafo de conocimiento
- El concepto de raíz se ubica en la parte superior central.
- Flujo vertical = cadena causal/lógica.
- Flujo horizontal = contraste / evidencia / razonamiento paralelo.
- Cada nivel más profundo debe dar la sensación de que “hay otra capa debajo”.
- Utilice el **Principio de Irreducibilidad**: incluya solo los nodos esenciales.
---
Formato de tarjeta de nodo #
Cada nodo debe aparecer como una “tarjeta de concepto” con forma de rectángulo redondeado:
- **Línea superior:** concepto breve (2–4 palabras)
- **Abajo:** una definición de máximo 2 líneas (metáfora + esencia)
- **Tamaño de fuente:**
- Concepto: **16–18px**
- Definición: **14–15px**
- Fuente sans-serif (Inter / Roboto / Noto Sans)
---
# Tema de tecnología oscura (Estilo DOT A)
- Fondo: gris oscuro (#111111)
- Nodos: degradados plateados metálicos
- Bordes: brillo cian frío
- Bordes: suaves curvas azul neón con transparencia desvanecida
- En general: HUD futurista / estética cibertecnológica
---
# Tema claro de alto contraste (Estilo DOT B)
- Fondo: gris claro brumoso (#F5F7FA)
- Nodos: blanco brillante con ligero efecto de vidrio
- Bordes: azul grisáceo suave (#DDE6F3)
- Sombras: sutil brillo azul hielo
- Bordes: gris oscuro para las cadenas principales, gris claro para las subcadenas.
- En general: Estilo Apple, limpio, muy legible.
---
# Etiquetas de relación (Obligatorio)
Todos los bordes deben incluir etiquetas semánticas:
**“surge de / conduce a / impulsa / posibilita / transforma / apoyado por / contrastado con / evidenciado por”**
---
# Requisitos del botón de alternancia de tema
- Botón circular flotante (FAB)
- Fijo en la **esquina inferior derecha** (`position: fixed; bottom: 24px; right: 24px;`)
- Fondo semitransparente
- Sombra + brillo al flotar
- Utilice el icono: **“⇆”** o **“🌓”**
- Al hacer clic en él, se intercambian las fuentes DOT y se vuelve a renderizar el gráfico.
---
# Requisitos técnicos
- Cargar viz.js y full.render.js desde la CDN de 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
- El resultado debe ser un **documento HTML completamente autónomo**.
- No incluyas explicaciones, disculpas ni comentarios.
- Solo salida:
Descripción
Recomendado por
nene@YouMind
Por qué recomendamos esta habilidad
Transforma artículos complejos en gráficos de conocimiento interactivos de múltiples capas, presentados en un único archivo HTML autónomo. Esta habilidad ofrece de forma única dos temas visuales intercambiables: Tecnología Oscura y Alto Contraste Claro, permitiendo una exploración dinámica de las ideas centrales a través de un modelo de explicación visualmente impactante y estructurado causalmente, completo con etiquetas de relaciones semánticas.
Transforma artículos complejos en gráficos de conocimiento interactivos y de múltiples capas. Visualiza ideas centrales con temas dinámicos y cadenas causales, todo en un único HTML compartible.
Habilidades relacionadas
Ver todo
InvestigaciónChispa | Analizador de hooks
Cuando nos preparamos para hacer un video, a menudo nos pasa algo: puedes notar claramente que un video de referencia «sabe contar una historia», pero cuando te toca hacerlo a ti, solo puedes imitarlo por intuición. «Chispa | Analizador de hooks» está diseñado para ese paso. Dale un video específico de YouTube y primero confirmará cuál es el video y leerá los subtítulos verificables. Después separará tres elementos que suelen confundirse: Literal 30s: qué ocurre realmente entre 0:00 y 0:30 del video. Intro: toda la apertura antes de entrar en el contenido principal. Hook / Re-hook: uno o varios puntos estructurales que realmente se encargan de retener a la audiencia. Por eso, no interpretará a la fuerza los primeros 30 segundos de todos los videos como Hook solo porque «todo el mundo dice que los primeros 30 segundos son lo más importante». Si el verdadero Hook aparece después del primer minuto, te lo dirá tal cual; si faltan subtítulos o marcas de tiempo, señalará claramente la falta de evidencia en lugar de inventar una respuesta que parezca profesional. Después de desglosar la apertura, continuará reconstruyendo la estructura de todo el video mediante un esquema: ¿avanza a través de una línea de tiempo, un experimento, pasos, comparaciones, una historia, una cadena de preguntas u otro recurso de organización? Por último, abstraerá esas estructuras en plantillas de [espacios]. La plantilla conserva el orden y la función de la estructura, no las experiencias, palabras, marcas, cifras, opiniones ni la autoridad del autor original. Al final, no obtienes un resumen del video, sino un Hook Outline + una plantilla de estructura completa que puedes entregar al siguiente paso del proceso creativo. Lo que no hace No hace lo siguiente: Escribir directamente el Hook nuevo final por ti; Calificar o reescribir tu apertura con BRENS; Buscar a gran escala en todo un nicho o canal; Generar un guion completo; Generar diagramas, recursos, animaciones ni miniaturas. La búsqueda masiva de muestras de referencia corresponde a la Skill anterior «Chispa | Investigador de contenido de YouTube»; perfeccionar tu propio Hook corresponde a la Skill posterior indicada.
InvestigaciónChispa｜Analista YouTube
¿Quieres hacer un video, pero no sabes cómo han tratado ya ese tema? 「Chispa｜Analista YouTube」entra realmente en YouTube para investigar: encuentra videos relacionados, lee sus subtítulos, desglosa los títulos y los primeros 30 segundos, reconstruye la estructura del contenido y detecta, a partir de varias muestras, los recursos que se repiten, las diferencias evidentes y los vacíos que todavía nadie ha cubierto bien. Puedes usarlo para: Investigar qué contenidos sobre un tema se están usando una y otra vez Analizar a fondo cómo está contado un video Escanear los temas, títulos y hábitos de contenido de un canal Desglosar el Hook de los primeros 30 segundos y la estructura del video completo Encontrar nuevos ángulos creativos en videos existentes Investigar cómo volver a empaquetar tu propio video terminado No te dirá categóricamente que «este título funciona» solo porque un video tenga muchas reproducciones. Si no puede obtener subtítulos, marcas de tiempo o datos de rendimiento, también te indicará con claridad qué evidencia falta. Al final, no recibirás una pila de resúmenes de videos, sino un informe de investigación de YouTube que puedes entregar directamente al siguiente paso de ideación, desarrollo del Hook o escritura del guion. Ideal para: creadores de YouTube, planificadores de videos, responsables de contenido en redes y cualquier persona que, antes de grabar, quiera saber hasta dónde han llevado otros ese tema.
Palabras locas en inglés
Ingresa una palabra en inglés y obtén una tarjeta de memoria estilo cómic: la pronunciación aproximada, el significado y el ejemplo aparecen dibujados dentro de la misma escena breve y continua (en globos de diálogo, letreros y onomatopeyas). Fuera de la ilustración solo quedan una línea de información principal y otra de recordatorio para recuperar la palabra. Se prioriza el impacto sobre el acabado refinado, con contenido seguro para niños.
KnowledgeGraph
Instrucciones
Eres diseñador de visualización de conocimiento.
No importa si proporciono el artículo en inglés, chino o cualquier otro idioma,
Siempre debes generar el gráfico de conocimiento final **en inglés**.
Tu tarea consiste en extraer las ideas principales del artículo que te proporcionaré.
construir un modelo de explicación causal de múltiples capas,
y representarlo como un grafo de conocimiento utilizando Graphviz DOT, empaquetado dentro de una tarjeta HTML completamente funcional.
El HTML debe admitir **dos temas visuales intercambiables**:
1. Tema de tecnología oscura (futurista, neón, alta tecnología)
2. Tema claro de alto contraste (limpio, brillante, extremadamente legible)
Se debe colocar un **botón flotante circular (FAB)** en la esquina inferior derecha para permitir a los usuarios cambiar de tema dinámicamente.
Cuando se haga clic en el botón, JavaScript debería volver a renderizar el gráfico intercambiando las fuentes DOT usando viz.js.
---
# Requisitos funcionales básicos
1. Extrae los conceptos clave del artículo.
2. Construye una cadena de explicación de múltiples capas (Superficie → Mecanismo → Principio → Axioma).
3. Producir **dos versiones DOT**:
- **Estilo Dark Tech**
- **Estilo claro de alto contraste**
4. Generar un único archivo HTML que contenga:
- Un contenedor para el gráfico
- Un botón flotante para alternar el tema en la esquina inferior derecha
- Lógica JS para cambiar cadenas de puntos
- viz.js 2.1.2 + full.render.js desde unpkg CDN
5. La salida siempre debe estar en **inglés**, independientemente del idioma del artículo.
6. Generar **únicamente el HTML completo** — sin comentarios adicionales.
---
# Requisitos estructurales para el grafo de conocimiento
- El concepto de raíz se ubica en la parte superior central.
- Flujo vertical = cadena causal/lógica.
- Flujo horizontal = contraste / evidencia / razonamiento paralelo.
- Cada nivel más profundo debe dar la sensación de que “hay otra capa debajo”.
- Utilice el **Principio de Irreducibilidad**: incluya solo los nodos esenciales.
---
Formato de tarjeta de nodo #
Cada nodo debe aparecer como una “tarjeta de concepto” con forma de rectángulo redondeado:
- **Línea superior:** concepto breve (2–4 palabras)
- **Abajo:** una definición de máximo 2 líneas (metáfora + esencia)
- **Tamaño de fuente:**
- Concepto: **16–18px**
- Definición: **14–15px**
- Fuente sans-serif (Inter / Roboto / Noto Sans)
---
# Tema de tecnología oscura (Estilo DOT A)
- Fondo: gris oscuro (#111111)
- Nodos: degradados plateados metálicos
- Bordes: brillo cian frío
- Bordes: suaves curvas azul neón con transparencia desvanecida
- En general: HUD futurista / estética cibertecnológica
---
# Tema claro de alto contraste (Estilo DOT B)
- Fondo: gris claro brumoso (#F5F7FA)
- Nodos: blanco brillante con ligero efecto de vidrio
- Bordes: azul grisáceo suave (#DDE6F3)
- Sombras: sutil brillo azul hielo
- Bordes: gris oscuro para las cadenas principales, gris claro para las subcadenas.
- En general: Estilo Apple, limpio, muy legible.
---
# Etiquetas de relación (Obligatorio)
Todos los bordes deben incluir etiquetas semánticas:
**“surge de / conduce a / impulsa / posibilita / transforma / apoyado por / contrastado con / evidenciado por”**
---
# Requisitos del botón de alternancia de tema
- Botón circular flotante (FAB)
- Fijo en la **esquina inferior derecha** (`position: fixed; bottom: 24px; right: 24px;`)
- Fondo semitransparente
- Sombra + brillo al flotar
- Utilice el icono: **“⇆”** o **“🌓”**
- Al hacer clic en él, se intercambian las fuentes DOT y se vuelve a renderizar el gráfico.
---
# Requisitos técnicos
- Cargar viz.js y full.render.js desde la CDN de 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
- El resultado debe ser un **documento HTML completamente autónomo**.
- No incluyas explicaciones, disculpas ni comentarios.
- Solo salida:
Descripción
Recomendado por
nene@YouMind
Por qué recomendamos esta habilidad
Transforma artículos complejos en gráficos de conocimiento interactivos de múltiples capas, presentados en un único archivo HTML autónomo. Esta habilidad ofrece de forma única dos temas visuales intercambiables: Tecnología Oscura y Alto Contraste Claro, permitiendo una exploración dinámica de las ideas centrales a través de un modelo de explicación visualmente impactante y estructurado causalmente, completo con etiquetas de relaciones semánticas.
Transforma artículos complejos en gráficos de conocimiento interactivos y de múltiples capas. Visualiza ideas centrales con temas dinámicos y cadenas causales, todo en un único HTML compartible.
Habilidades relacionadas
Ver todoInvestigaciónChispa | Analizador de hooks
Cuando nos preparamos para hacer un video, a menudo nos pasa algo: puedes notar claramente que un video de referencia «sabe contar una historia», pero cuando te toca hacerlo a ti, solo puedes imitarlo por intuición. «Chispa | Analizador de hooks» está diseñado para ese paso. Dale un video específico de YouTube y primero confirmará cuál es el video y leerá los subtítulos verificables. Después separará tres elementos que suelen confundirse: Literal 30s: qué ocurre realmente entre 0:00 y 0:30 del video. Intro: toda la apertura antes de entrar en el contenido principal. Hook / Re-hook: uno o varios puntos estructurales que realmente se encargan de retener a la audiencia. Por eso, no interpretará a la fuerza los primeros 30 segundos de todos los videos como Hook solo porque «todo el mundo dice que los primeros 30 segundos son lo más importante». Si el verdadero Hook aparece después del primer minuto, te lo dirá tal cual; si faltan subtítulos o marcas de tiempo, señalará claramente la falta de evidencia en lugar de inventar una respuesta que parezca profesional. Después de desglosar la apertura, continuará reconstruyendo la estructura de todo el video mediante un esquema: ¿avanza a través de una línea de tiempo, un experimento, pasos, comparaciones, una historia, una cadena de preguntas u otro recurso de organización? Por último, abstraerá esas estructuras en plantillas de [espacios]. La plantilla conserva el orden y la función de la estructura, no las experiencias, palabras, marcas, cifras, opiniones ni la autoridad del autor original. Al final, no obtienes un resumen del video, sino un Hook Outline + una plantilla de estructura completa que puedes entregar al siguiente paso del proceso creativo. Lo que no hace No hace lo siguiente: Escribir directamente el Hook nuevo final por ti; Calificar o reescribir tu apertura con BRENS; Buscar a gran escala en todo un nicho o canal; Generar un guion completo; Generar diagramas, recursos, animaciones ni miniaturas. La búsqueda masiva de muestras de referencia corresponde a la Skill anterior «Chispa | Investigador de contenido de YouTube»; perfeccionar tu propio Hook corresponde a la Skill posterior indicada.
InvestigaciónChispa｜Analista YouTube
¿Quieres hacer un video, pero no sabes cómo han tratado ya ese tema? 「Chispa｜Analista YouTube」entra realmente en YouTube para investigar: encuentra videos relacionados, lee sus subtítulos, desglosa los títulos y los primeros 30 segundos, reconstruye la estructura del contenido y detecta, a partir de varias muestras, los recursos que se repiten, las diferencias evidentes y los vacíos que todavía nadie ha cubierto bien. Puedes usarlo para: Investigar qué contenidos sobre un tema se están usando una y otra vez Analizar a fondo cómo está contado un video Escanear los temas, títulos y hábitos de contenido de un canal Desglosar el Hook de los primeros 30 segundos y la estructura del video completo Encontrar nuevos ángulos creativos en videos existentes Investigar cómo volver a empaquetar tu propio video terminado No te dirá categóricamente que «este título funciona» solo porque un video tenga muchas reproducciones. Si no puede obtener subtítulos, marcas de tiempo o datos de rendimiento, también te indicará con claridad qué evidencia falta. Al final, no recibirás una pila de resúmenes de videos, sino un informe de investigación de YouTube que puedes entregar directamente al siguiente paso de ideación, desarrollo del Hook o escritura del guion. Ideal para: creadores de YouTube, planificadores de videos, responsables de contenido en redes y cualquier persona que, antes de grabar, quiera saber hasta dónde han llevado otros ese tema.
Palabras locas en inglés
Ingresa una palabra en inglés y obtén una tarjeta de memoria estilo cómic: la pronunciación aproximada, el significado y el ejemplo aparecen dibujados dentro de la misma escena breve y continua (en globos de diálogo, letreros y onomatopeyas). Fuera de la ilustración solo quedan una línea de información principal y otra de recordatorio para recuperar la palabra. Se prioriza el impacto sobre el acabado refinado, con contenido seguro para niños.
Encuentra tu próxima habilidad favorita
Explora más habilidades de IA seleccionadas para investigación, creación y trabajo cotidiano.