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
Por que recomendamos esta habilidade
Transforme artigos complexos em gráficos de conhecimento interativos e em múltiplas camadas, apresentados em um único arquivo HTML autossuficiente. Esta skill oferece de forma exclusiva dois temas visuais alternáveis — Dark Tech e Light High-Contrast — permitindo uma exploração dinâmica das ideias principais por meio de um modelo de explicação visualmente impressionante e estruturado causalmente, completo com rótulos de relacionamento semântico.
Transforme artigos complexos em gráficos de conhecimento interativos e multicamadas. Visualize ideias centrais com temas dinâmicos e cadeias causais, tudo em um único HTML compartilhável.
Habilidades relacionadas
Ver tudo
PesquisaFaísca | Analisador de Hooks
Ao preparar um vídeo, é comum perceber que certo vídeo de referência “sabe contar uma história”, mas, quando chega a hora de criar o seu, você só consegue imitá-lo com base na intuição. 「Faísca | Analisador de Hooks de Vídeos Populares」 foi criado para essa etapa. Basta fornecer um vídeo específico do YouTube. Ele primeiro confirma o vídeo e lê as legendas verificáveis. Depois, separa três elementos que costumam ser confundidos: 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 mantêm a atenção do espectador. Assim, ele não interpreta à força os primeiros 30 segundos de todos os vídeos como Hook só porque “todo mundo diz que os primeiros 30 segundos são os mais importantes”. Se o verdadeiro Hook aparece depois de 1 minuto, ele informa isso com precisão. Quando faltam legendas ou timestamps, ele aponta claramente a lacuna de evidências, em vez de inventar uma resposta que apenas parece profissional. Depois de analisar a abertura, ele continua reconstruindo a estrutura de conteúdo do vídeo inteiro em formato de outline: o vídeo avança por linha do tempo, experimento, etapas, comparação, história, cadeia de perguntas ou outro recurso de organização? Por fim, abstrai essas estruturas em modelos de [slots]. O modelo preserva a ordem e a função da estrutura — não as experiências, formulações, marcas, números, opiniões ou a identidade de autoridade do autor original. O resultado não é apenas um resumo do vídeo, mas um Hook Outline + modelo de estrutura do vídeo inteiro, pronto para ser usado na próxima etapa da criação. O que ele não faz Ele não: escreve diretamente o novo Hook final para você; usa BRENS para pontuar ou reescrever a sua abertura; faz buscas em grande escala por todo um nicho ou canal; gera roteiros completos; gera diagramas, materiais, animações ou miniaturas. A busca em grande escala por referências pertence ao Skill anterior 「Faísca｜Pesquisador de conteúdo do YouTube」; o aprimoramento do seu próprio Hook pertence ao Skill correspondente da etapa seguinte.
PesquisaFaísca｜Pesquisa no YouTube
Vai fazer um vídeo, mas não sabe como outras pessoas já trataram esse tema? 「Faísca｜Pesquisa no YouTube」entra de verdade no YouTube para pesquisar: 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 que ainda não foram bem exploradas. Você pode usá-lo para: Pesquisar quais abordagens sobre um tema estão sendo repetidas Aprofundar como um vídeo específico desenvolve sua narrativa Analisar os temas, títulos e padrões de conteúdo de um canal Desmontar o Hook dos primeiros 30 segundos e a estrutura do vídeo inteiro Encontrar novos ângulos criativos em vídeos já publicados Pesquisar como reembalar seu próprio vídeo finalizado Ele não vai afirmar de forma precipitada que “este título certamente funciona” só porque um vídeo teve muitas visualizações. Quando não conseguir obter transcrições, marcações de tempo ou dados de desempenho, também deixará claro quais evidências estão faltando. O resultado não é apenas uma coleção de resumos de vídeos, mas um briefing de pesquisa sobre YouTube que pode ser entregue diretamente à próxima etapa de desenvolvimento do tema, do Hook ou do roteiro. Ideal para: criadores do YouTube, profissionais de planejamento de vídeos, gestores de conteúdo e qualquer pessoa que queira descobrir “até onde outras pessoas já levaram este tema” antes de começar a gravar.
Palavras Malucas
Digite uma palavra em inglês e receba um cartão de memorização em formato de história em quadrinhos: associação sonora, significado e frase de exemplo são desenhados na mesma cena contínua, com balões de fala, placas e onomatopeias. Fora da imagem, ficam apenas uma linha de cabeçalho e uma linha de dica para relembrar. O impacto vem antes do refinamento, sempre com conteúdo seguro 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
Por que recomendamos esta habilidade
Transforme artigos complexos em gráficos de conhecimento interativos e em múltiplas camadas, apresentados em um único arquivo HTML autossuficiente. Esta skill oferece de forma exclusiva dois temas visuais alternáveis — Dark Tech e Light High-Contrast — permitindo uma exploração dinâmica das ideias principais por meio de um modelo de explicação visualmente impressionante e estruturado causalmente, completo com rótulos de relacionamento semântico.
Transforme artigos complexos em gráficos de conhecimento interativos e multicamadas. Visualize ideias centrais com temas dinâmicos e cadeias causais, tudo em um único HTML compartilhável.
Habilidades relacionadas
Ver tudoPesquisaFaísca | Analisador de Hooks
Ao preparar um vídeo, é comum perceber que certo vídeo de referência “sabe contar uma história”, mas, quando chega a hora de criar o seu, você só consegue imitá-lo com base na intuição. 「Faísca | Analisador de Hooks de Vídeos Populares」 foi criado para essa etapa. Basta fornecer um vídeo específico do YouTube. Ele primeiro confirma o vídeo e lê as legendas verificáveis. Depois, separa três elementos que costumam ser confundidos: 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 mantêm a atenção do espectador. Assim, ele não interpreta à força os primeiros 30 segundos de todos os vídeos como Hook só porque “todo mundo diz que os primeiros 30 segundos são os mais importantes”. Se o verdadeiro Hook aparece depois de 1 minuto, ele informa isso com precisão. Quando faltam legendas ou timestamps, ele aponta claramente a lacuna de evidências, em vez de inventar uma resposta que apenas parece profissional. Depois de analisar a abertura, ele continua reconstruindo a estrutura de conteúdo do vídeo inteiro em formato de outline: o vídeo avança por linha do tempo, experimento, etapas, comparação, história, cadeia de perguntas ou outro recurso de organização? Por fim, abstrai essas estruturas em modelos de [slots]. O modelo preserva a ordem e a função da estrutura — não as experiências, formulações, marcas, números, opiniões ou a identidade de autoridade do autor original. O resultado não é apenas um resumo do vídeo, mas um Hook Outline + modelo de estrutura do vídeo inteiro, pronto para ser usado na próxima etapa da criação. O que ele não faz Ele não: escreve diretamente o novo Hook final para você; usa BRENS para pontuar ou reescrever a sua abertura; faz buscas em grande escala por todo um nicho ou canal; gera roteiros completos; gera diagramas, materiais, animações ou miniaturas. A busca em grande escala por referências pertence ao Skill anterior 「Faísca｜Pesquisador de conteúdo do YouTube」; o aprimoramento do seu próprio Hook pertence ao Skill correspondente da etapa seguinte.
PesquisaFaísca｜Pesquisa no YouTube
Vai fazer um vídeo, mas não sabe como outras pessoas já trataram esse tema? 「Faísca｜Pesquisa no YouTube」entra de verdade no YouTube para pesquisar: 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 que ainda não foram bem exploradas. Você pode usá-lo para: Pesquisar quais abordagens sobre um tema estão sendo repetidas Aprofundar como um vídeo específico desenvolve sua narrativa Analisar os temas, títulos e padrões de conteúdo de um canal Desmontar o Hook dos primeiros 30 segundos e a estrutura do vídeo inteiro Encontrar novos ângulos criativos em vídeos já publicados Pesquisar como reembalar seu próprio vídeo finalizado Ele não vai afirmar de forma precipitada que “este título certamente funciona” só porque um vídeo teve muitas visualizações. Quando não conseguir obter transcrições, marcações de tempo ou dados de desempenho, também deixará claro quais evidências estão faltando. O resultado não é apenas uma coleção de resumos de vídeos, mas um briefing de pesquisa sobre YouTube que pode ser entregue diretamente à próxima etapa de desenvolvimento do tema, do Hook ou do roteiro. Ideal para: criadores do YouTube, profissionais de planejamento de vídeos, gestores de conteúdo e qualquer pessoa que queira descobrir “até onde outras pessoas já levaram este tema” antes de começar a gravar.
Palavras Malucas
Digite uma palavra em inglês e receba um cartão de memorização em formato de história em quadrinhos: associação sonora, significado e frase de exemplo são desenhados na mesma cena contínua, com balões de fala, placas e onomatopeias. Fora da imagem, ficam apenas uma linha de cabeçalho e uma linha de dica para relembrar. O impacto vem antes do refinamento, sempre com conteúdo seguro para crianças.
Encontre sua próxima habilidade favorita
Explore mais habilidades de IA selecionadas para pesquisa, criação e trabalho do dia a dia.