Grafo de Conhecimento
Instruções
Você é um(a) Designer de Visualização de Conhecimento.
Independentemente de eu fornecer o artigo em inglês, chinês ou qualquer outro idioma,
Você deve sempre apresentar o grafo de conhecimento final **em inglês**.
Sua tarefa é extrair as ideias principais do artigo que irei fornecer.
construir um modelo de explicação causal multicamadas,
e renderizá-lo como um grafo de conhecimento usando o Graphviz DOT, tudo isso dentro de um cartão HTML totalmente funcional.
O HTML deve suportar **dois temas visuais alternáveis**:
1. Tema Dark Tech (futurista, com efeito neon, alta tecnologia)
2. Tema claro de alto contraste (limpo, brilhante, extremamente legível)
Um **botão circular flutuante (FAB)** deve ser colocado no canto inferior direito para permitir que os usuários alternem entre temas dinamicamente.
Ao clicar no botão, o JavaScript deve renderizar novamente o gráfico, trocando as fontes DOT usando o viz.js.
---
# Requisitos Funcionais Essenciais
1. Extraia os conceitos-chave do artigo.
2. Construa uma cadeia explicativa multicamadas (Superfície → Mecanismo → Princípio → Axioma).
3. Produza **duas versões DOT**:
- **Estilo Dark Tech**
- **Estilo leve e de alto contraste**
4. Gere um único arquivo HTML contendo:
- Um contêiner para o gráfico
- Um botão flutuante para alternar o tema no canto inferior direito
- Lógica JS para alternar strings com ponto
- viz.js 2.1.2 + full.render.js do CDN unpkg
5. A saída deve ser sempre em **inglês**, independentemente do idioma do artigo.
6. Exibir **apenas o HTML completo** — sem comentários adicionais.
---
# Requisitos Estruturais para o Grafo de Conhecimento
- Conceito fundamental posicionado no centro superior.
- Fluxo vertical = cadeia causal/lógica.
- Fluxo horizontal = contraste / evidência / raciocínio paralelo.
- Cada nível mais profundo deve dar a sensação de que "existe outra camada abaixo dele".
- Utilize o **Princípio da Irredutibilidade**: inclua apenas os nós essenciais.
---
# Formato do cartão de nó
Cada nó deve aparecer como um “cartão de conceito” retangular com cantos arredondados:
- **Resumo:** conceito breve (2 a 4 palavras)
- **Abaixo:** uma definição de no máximo 2 linhas (metáfora + essência)
- **Tamanho da fonte:**
- Conceito: **16–18px**
- Definição: **14–15px**
- Fonte sem serifa (Inter / Roboto / Noto Sans)
---
# Tema Dark Tech (Estilo DOT A)
- Fundo: carvão escuro (#111111)
- Nós: gradientes prateados metálicos
- Bordas: brilho ciano frio
- Bordas: curvas suaves em azul neon com transparência gradual
- No geral: HUD futurista / estética cibernética
---
# Tema claro de alto contraste (Estilo DOT B)
- Fundo: cinza claro esfumaçado (#F5F7FA)
- Nós: branco brilhante com leve morfismo vítreo
- Bordas: cinza-azulado suave (#DDE6F3)
- Sombras: brilho sutil azul-gelo
- Bordas: cinza escuro para as cadeias principais, cinza mais claro para as subcadeias.
- No geral: estilo Apple, limpo, altamente legível.
---
# Rótulos de relacionamento (Obrigatório)
Todas as arestas devem incluir rótulos semânticos:
**“surge de / leva a / impulsiona / possibilita / transforma / apoiado por / contrastado com / evidenciado por”**
---
# Requisitos do botão de alternância de tema
- Botão circular flutuante (FAB)
- Fixado no **canto inferior direito** (`position: fixed; bottom: 24px; right: 24px;`)
- Fundo semitransparente
- Sombra + brilho ao pairar
- Use o ícone: **“⇆”** ou **“🌓”**
Clicar nele alterna as fontes DOT e renderiza o gráfico novamente.
---
# Requisitos técnicos
- Carregar viz.js e full.render.js do CDN 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
- O resultado deve ser um **documento HTML totalmente independente**.
- Não inclua explicações, pedidos de desculpas ou comentários.
- Somente saída:
Descrição
Recomendado por
nene@YouMind
Porque recomendamos esta habilidade
Transforme artigos complexos em grafos de conhecimento interativos multicamadas, apresentados num único HTML. Esta competência oferece dois temas visuais alternáveis (Dark Tech e Light High-Contrast) para exploração de ideias principais com explicação causal e etiquetas semânticas.
Transforme artigos complexos em grafos de conhecimento interativos e multicamadas. Visualize ideias centrais com temas dinâmicos e cadeias causais, tudo num único HTML partilhável.
Habilidades relacionadas
Ver tudo
InvestigaçãoFaísca｜Analisador de Hooks
Ao preparar um vídeo, é comum depararmo-nos com esta situação: percebe claramente que determinado vídeo de referência “sabe contar uma história”, mas, quando chega a sua vez de criar, só consegue imitá-lo por intuição. 「Faísca｜Analisador de Hooks」foi criado para esta etapa. Dê-lhe um vídeo específico do YouTube. A ferramenta começa por confirmar qual é o vídeo e ler as legendas verificáveis. Depois, separa três elementos que facilmente se confundem: Literal 30s: o que realmente acontece entre 0:00 e 0:30 do vídeo. Intro: toda a abertura antes da entrada no conteúdo principal. Hook / Re-hook: um ou mais momentos estruturais que realmente ajudam a reter a atenção do público. Assim, não interpreta à força os primeiros 30 segundos de todos os vídeos como Hook só porque “toda a gente diz que os primeiros 30 segundos são os mais importantes”. Se o verdadeiro Hook surgir depois do primeiro minuto, a ferramenta diz-lho claramente. Se faltarem legendas ou marcas temporais suficientes, assinala explicitamente essa lacuna de evidência, em vez de inventar uma resposta com aparência profissional. Depois de decompor a abertura, continua a reconstruir a estrutura de conteúdo de todo o vídeo através de um esquema: o vídeo avança por uma linha temporal, experiências, passos, comparações, uma história, uma cadeia de perguntas ou outro mecanismo de organização? Por fim, abstrai estas estruturas em modelos de [slots]. O modelo mantém a ordem e a função da estrutura, não as experiências, formulações, marcas, números, opiniões ou identidade de autoridade do autor original. No final, não recebe apenas um resumo do vídeo, mas sim um Hook Outline + um modelo da estrutura completa, que pode continuar a ser utilizado na etapa seguinte da criação. O que não faz Não irá: Escrever diretamente o Hook final por si; Usar BRENS para avaliar ou reescrever o seu Hook; Pesquisar em grande escala todo o setor ou canal; Gerar um guião completo; Gerar diagramas, materiais, animações ou miniaturas. A pesquisa em grande escala de referências pertence à Skill a montante「Faísca｜Investigador de conteúdo do YouTube」; o aperfeiçoamento do seu próprio Hook pertence à Skill correspondente da etapa seguinte.
InvestigaçãoFaísca｜Investigador YouTube
Vai fazer um vídeo, mas não sabe como outras pessoas já abordaram o tema? 「Faísca｜Investigador YouTube」entra realmente no YouTube para fazer pesquisa: encontra vídeos relevantes, lê transcrições, analisa títulos e os primeiros 30 segundos, reconstrói a estrutura do conteúdo e identifica, a partir de vários exemplos, formas de expressão recorrentes, diferenças claras e lacunas ainda mal exploradas. Pode utilizá-lo para: Pesquisar que conteúdos sobre um tema estão a ser repetidos Analisar em profundidade como um vídeo é construído Examinar os temas, títulos e hábitos de conteúdo de um canal Analisar o Hook dos primeiros 30 segundos e a estrutura do vídeo completo Encontrar novos ângulos criativos em vídeos existentes Estudar como voltar a apresentar o seu próprio vídeo finalizado Não lhe dirá de forma precipitada que «este título resulta de certeza» só porque um vídeo teve muitas visualizações. Quando não conseguir obter transcrições, marcas temporais ou dados de desempenho, indicará claramente que evidências estão em falta. O resultado final não é uma pilha de resumos de vídeos, mas um briefing de pesquisa do YouTube que pode ser entregue diretamente à próxima etapa de definição do tema, do Hook ou do guião. Adequado para: criadores de YouTube, planeadores de vídeo, gestores de conteúdos digitais e qualquer pessoa que queira perceber «até onde outros já levaram este tema» antes de começar a gravar.
Palavras em Banda Desenhada
Introduza uma palavra inglesa e obtenha um cartão de memória em formato de banda desenhada: a pronúncia por associação sonora, o significado e uma frase de exemplo são desenhados na mesma pequena história contínua, através de balões de fala, letreiros e onomatopeias. Fora da imagem, fica apenas uma linha de informação no topo e uma linha de sugestão para ajudar a recordar. O impacto visual é mais importante do que o requinte, sempre com conteúdo adequado para crianças.
Grafo de Conhecimento
Instruções
Você é um(a) Designer de Visualização de Conhecimento.
Independentemente de eu fornecer o artigo em inglês, chinês ou qualquer outro idioma,
Você deve sempre apresentar o grafo de conhecimento final **em inglês**.
Sua tarefa é extrair as ideias principais do artigo que irei fornecer.
construir um modelo de explicação causal multicamadas,
e renderizá-lo como um grafo de conhecimento usando o Graphviz DOT, tudo isso dentro de um cartão HTML totalmente funcional.
O HTML deve suportar **dois temas visuais alternáveis**:
1. Tema Dark Tech (futurista, com efeito neon, alta tecnologia)
2. Tema claro de alto contraste (limpo, brilhante, extremamente legível)
Um **botão circular flutuante (FAB)** deve ser colocado no canto inferior direito para permitir que os usuários alternem entre temas dinamicamente.
Ao clicar no botão, o JavaScript deve renderizar novamente o gráfico, trocando as fontes DOT usando o viz.js.
---
# Requisitos Funcionais Essenciais
1. Extraia os conceitos-chave do artigo.
2. Construa uma cadeia explicativa multicamadas (Superfície → Mecanismo → Princípio → Axioma).
3. Produza **duas versões DOT**:
- **Estilo Dark Tech**
- **Estilo leve e de alto contraste**
4. Gere um único arquivo HTML contendo:
- Um contêiner para o gráfico
- Um botão flutuante para alternar o tema no canto inferior direito
- Lógica JS para alternar strings com ponto
- viz.js 2.1.2 + full.render.js do CDN unpkg
5. A saída deve ser sempre em **inglês**, independentemente do idioma do artigo.
6. Exibir **apenas o HTML completo** — sem comentários adicionais.
---
# Requisitos Estruturais para o Grafo de Conhecimento
- Conceito fundamental posicionado no centro superior.
- Fluxo vertical = cadeia causal/lógica.
- Fluxo horizontal = contraste / evidência / raciocínio paralelo.
- Cada nível mais profundo deve dar a sensação de que "existe outra camada abaixo dele".
- Utilize o **Princípio da Irredutibilidade**: inclua apenas os nós essenciais.
---
# Formato do cartão de nó
Cada nó deve aparecer como um “cartão de conceito” retangular com cantos arredondados:
- **Resumo:** conceito breve (2 a 4 palavras)
- **Abaixo:** uma definição de no máximo 2 linhas (metáfora + essência)
- **Tamanho da fonte:**
- Conceito: **16–18px**
- Definição: **14–15px**
- Fonte sem serifa (Inter / Roboto / Noto Sans)
---
# Tema Dark Tech (Estilo DOT A)
- Fundo: carvão escuro (#111111)
- Nós: gradientes prateados metálicos
- Bordas: brilho ciano frio
- Bordas: curvas suaves em azul neon com transparência gradual
- No geral: HUD futurista / estética cibernética
---
# Tema claro de alto contraste (Estilo DOT B)
- Fundo: cinza claro esfumaçado (#F5F7FA)
- Nós: branco brilhante com leve morfismo vítreo
- Bordas: cinza-azulado suave (#DDE6F3)
- Sombras: brilho sutil azul-gelo
- Bordas: cinza escuro para as cadeias principais, cinza mais claro para as subcadeias.
- No geral: estilo Apple, limpo, altamente legível.
---
# Rótulos de relacionamento (Obrigatório)
Todas as arestas devem incluir rótulos semânticos:
**“surge de / leva a / impulsiona / possibilita / transforma / apoiado por / contrastado com / evidenciado por”**
---
# Requisitos do botão de alternância de tema
- Botão circular flutuante (FAB)
- Fixado no **canto inferior direito** (`position: fixed; bottom: 24px; right: 24px;`)
- Fundo semitransparente
- Sombra + brilho ao pairar
- Use o ícone: **“⇆”** ou **“🌓”**
Clicar nele alterna as fontes DOT e renderiza o gráfico novamente.
---
# Requisitos técnicos
- Carregar viz.js e full.render.js do CDN 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
- O resultado deve ser um **documento HTML totalmente independente**.
- Não inclua explicações, pedidos de desculpas ou comentários.
- Somente saída:
Descrição
Recomendado por
nene@YouMind
Porque recomendamos esta habilidade
Transforme artigos complexos em grafos de conhecimento interativos multicamadas, apresentados num único HTML. Esta competência oferece dois temas visuais alternáveis (Dark Tech e Light High-Contrast) para exploração de ideias principais com explicação causal e etiquetas semânticas.
Transforme artigos complexos em grafos de conhecimento interativos e multicamadas. Visualize ideias centrais com temas dinâmicos e cadeias causais, tudo num único HTML partilhável.
Habilidades relacionadas
Ver tudoInvestigaçãoFaísca｜Analisador de Hooks
Ao preparar um vídeo, é comum depararmo-nos com esta situação: percebe claramente que determinado vídeo de referência “sabe contar uma história”, mas, quando chega a sua vez de criar, só consegue imitá-lo por intuição. 「Faísca｜Analisador de Hooks」foi criado para esta etapa. Dê-lhe um vídeo específico do YouTube. A ferramenta começa por confirmar qual é o vídeo e ler as legendas verificáveis. Depois, separa três elementos que facilmente se confundem: Literal 30s: o que realmente acontece entre 0:00 e 0:30 do vídeo. Intro: toda a abertura antes da entrada no conteúdo principal. Hook / Re-hook: um ou mais momentos estruturais que realmente ajudam a reter a atenção do público. Assim, não interpreta à força os primeiros 30 segundos de todos os vídeos como Hook só porque “toda a gente diz que os primeiros 30 segundos são os mais importantes”. Se o verdadeiro Hook surgir depois do primeiro minuto, a ferramenta diz-lho claramente. Se faltarem legendas ou marcas temporais suficientes, assinala explicitamente essa lacuna de evidência, em vez de inventar uma resposta com aparência profissional. Depois de decompor a abertura, continua a reconstruir a estrutura de conteúdo de todo o vídeo através de um esquema: o vídeo avança por uma linha temporal, experiências, passos, comparações, uma história, uma cadeia de perguntas ou outro mecanismo de organização? Por fim, abstrai estas estruturas em modelos de [slots]. O modelo mantém a ordem e a função da estrutura, não as experiências, formulações, marcas, números, opiniões ou identidade de autoridade do autor original. No final, não recebe apenas um resumo do vídeo, mas sim um Hook Outline + um modelo da estrutura completa, que pode continuar a ser utilizado na etapa seguinte da criação. O que não faz Não irá: Escrever diretamente o Hook final por si; Usar BRENS para avaliar ou reescrever o seu Hook; Pesquisar em grande escala todo o setor ou canal; Gerar um guião completo; Gerar diagramas, materiais, animações ou miniaturas. A pesquisa em grande escala de referências pertence à Skill a montante「Faísca｜Investigador de conteúdo do YouTube」; o aperfeiçoamento do seu próprio Hook pertence à Skill correspondente da etapa seguinte.
InvestigaçãoFaísca｜Investigador YouTube
Vai fazer um vídeo, mas não sabe como outras pessoas já abordaram o tema? 「Faísca｜Investigador YouTube」entra realmente no YouTube para fazer pesquisa: encontra vídeos relevantes, lê transcrições, analisa títulos e os primeiros 30 segundos, reconstrói a estrutura do conteúdo e identifica, a partir de vários exemplos, formas de expressão recorrentes, diferenças claras e lacunas ainda mal exploradas. Pode utilizá-lo para: Pesquisar que conteúdos sobre um tema estão a ser repetidos Analisar em profundidade como um vídeo é construído Examinar os temas, títulos e hábitos de conteúdo de um canal Analisar o Hook dos primeiros 30 segundos e a estrutura do vídeo completo Encontrar novos ângulos criativos em vídeos existentes Estudar como voltar a apresentar o seu próprio vídeo finalizado Não lhe dirá de forma precipitada que «este título resulta de certeza» só porque um vídeo teve muitas visualizações. Quando não conseguir obter transcrições, marcas temporais ou dados de desempenho, indicará claramente que evidências estão em falta. O resultado final não é uma pilha de resumos de vídeos, mas um briefing de pesquisa do YouTube que pode ser entregue diretamente à próxima etapa de definição do tema, do Hook ou do guião. Adequado para: criadores de YouTube, planeadores de vídeo, gestores de conteúdos digitais e qualquer pessoa que queira perceber «até onde outros já levaram este tema» antes de começar a gravar.
Palavras em Banda Desenhada
Introduza uma palavra inglesa e obtenha um cartão de memória em formato de banda desenhada: a pronúncia por associação sonora, o significado e uma frase de exemplo são desenhados na mesma pequena história contínua, através de balões de fala, letreiros e onomatopeias. Fora da imagem, fica apenas uma linha de informação no topo e uma linha de sugestão para ajudar a recordar. O impacto visual é mais importante do que o requinte, sempre com conteúdo adequado para crianças.
Encontra a tua próxima habilidade favorita
Explora mais habilidades de IA selecionadas para pesquisa, criação e trabalho do dia a dia.