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://unpkg.com/viz.js@2.1.2/viz.js
https://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
PesquisaMestre em Estudo de Papers
Ajuda gerentes de produto, fundadores e desenvolvedores de aplicativos a entender papers de IA ao longo da cadeia causal histórica, convertendo esse entendimento em julgamento de produto, limites técnicos, intuição de engenharia e análise de oportunidades.
PesquisaParceiro de Cinema Total Pro
Seu parceiro de cinema total — para assistir a qualquer filme, vale a pena usar. Antes do filme, ele te ajuda a se preparar e a decidir se vale a pena assistir; depois, vira um caçador de easter eggs, vasculhando a internet para encontrar pistas e referências; e, depois da conversa, transforma tudo em uma resenha autêntica ou em um roteiro de edição de vídeo, pronto para publicar. Um parceiro, três momentos de companhia para toda a jornada do filme. 🔍 Fontes transparentes, nada de invenção de IA: cada análise informa ao usuário 'de onde veio isso' — quando há fonte, indica o nome e um link clicável (fontes reais como Douban, Zhihu, entrevistas com diretores, etc.). Quando a interpretação é do parceiro, ele indica em linguagem natural 'o parceiro acha' (sem se passar por autoridade). Quando falta confirmação, ele diz diretamente 'ainda não encontrei fontes confiáveis'. Você vê na hora o que veio da internet e o que é raciocínio do próprio parceiro, sem misturar. Cada análise com fonte tem link para você conferir o material original com um clique. 📚 Preparo antes do filme: rápido, preciso e sem spoilers. Não teve tempo de ver os filmes anteriores de uma franquia? Ele te dá um resumo rápido da história, relações entre personagens, termos essenciais e pontos de expectativa — só revisa o que já lançou, sem spoilers do filme novo. O material de preparo é rico em imagens, com pôsteres oficiais, artes conceituais e outras imagens públicas. Também avalia se vale a pena assistir: pesquisa a reputação no Douban, Rotten Tomatoes e IMDb, e analisa a distância entre a divulgação e o que o filme realmente entrega. 🥚 Caçador de easter eggs pós-filme, para explorar a fundo. Ficou com aquela dúvida 'o que significou aquele detalhe?' Ele vasculha a internet para achar easter eggs, cadeias de pistas, arcos secretos de personagens e referências culturais. Tira dúvidas em formato de conversa: você pergunta, ele investiga. Quando a conversa chega a uma cena importante, ele inclui fotos de cena públicas e links para cada análise. 📝 Organização de anotações, prontas para publicar (opcional). Quer compartilhar o que conversou? Ele pode gerar uma resenha autêntica (com opiniões e emoções, como se fosse escrita por uma pessoa real — ideal para Douban, publicações no WeChat e Momentos) ou um roteiro de edição de vídeo de interpretação (com anotações de storyboard, imagens, narração e efeitos visuais de texto — é só pegar e editar, ideal para Xiaohongshu, Douyin e Bilibili). O parceiro não faz propaganda ativa; só ativa esse recurso quando você pede explicitamente. 🎬 Cobre a grande maioria dos filmes, animações e séries. Cada lançamento de um filme popular é uma jornada completa: preparo antes + exploração profunda depois, com organização de anotações sob demanda.
PesquisaCoach de Leitura: 4 Perguntas
O usuário informa o título do livro (e, opcionalmente, sua profissão/cargo/identidade). Com base no framework das 'quatro perguntas do leitor excelente' do livro *Como Ler Livros*, a Skill combina de forma flexível conhecimento prévio, busca na internet e materiais enviados pelo usuário para gerar um documento de leitura estruturado, contendo biografia do autor, análise das quatro perguntas, 10 citações marcantes e recomendações de 3 livros relacionados.
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://unpkg.com/viz.js@2.1.2/viz.js
https://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 tudoPesquisaMestre em Estudo de Papers
Ajuda gerentes de produto, fundadores e desenvolvedores de aplicativos a entender papers de IA ao longo da cadeia causal histórica, convertendo esse entendimento em julgamento de produto, limites técnicos, intuição de engenharia e análise de oportunidades.
PesquisaParceiro de Cinema Total Pro
Seu parceiro de cinema total — para assistir a qualquer filme, vale a pena usar. Antes do filme, ele te ajuda a se preparar e a decidir se vale a pena assistir; depois, vira um caçador de easter eggs, vasculhando a internet para encontrar pistas e referências; e, depois da conversa, transforma tudo em uma resenha autêntica ou em um roteiro de edição de vídeo, pronto para publicar. Um parceiro, três momentos de companhia para toda a jornada do filme. 🔍 Fontes transparentes, nada de invenção de IA: cada análise informa ao usuário 'de onde veio isso' — quando há fonte, indica o nome e um link clicável (fontes reais como Douban, Zhihu, entrevistas com diretores, etc.). Quando a interpretação é do parceiro, ele indica em linguagem natural 'o parceiro acha' (sem se passar por autoridade). Quando falta confirmação, ele diz diretamente 'ainda não encontrei fontes confiáveis'. Você vê na hora o que veio da internet e o que é raciocínio do próprio parceiro, sem misturar. Cada análise com fonte tem link para você conferir o material original com um clique. 📚 Preparo antes do filme: rápido, preciso e sem spoilers. Não teve tempo de ver os filmes anteriores de uma franquia? Ele te dá um resumo rápido da história, relações entre personagens, termos essenciais e pontos de expectativa — só revisa o que já lançou, sem spoilers do filme novo. O material de preparo é rico em imagens, com pôsteres oficiais, artes conceituais e outras imagens públicas. Também avalia se vale a pena assistir: pesquisa a reputação no Douban, Rotten Tomatoes e IMDb, e analisa a distância entre a divulgação e o que o filme realmente entrega. 🥚 Caçador de easter eggs pós-filme, para explorar a fundo. Ficou com aquela dúvida 'o que significou aquele detalhe?' Ele vasculha a internet para achar easter eggs, cadeias de pistas, arcos secretos de personagens e referências culturais. Tira dúvidas em formato de conversa: você pergunta, ele investiga. Quando a conversa chega a uma cena importante, ele inclui fotos de cena públicas e links para cada análise. 📝 Organização de anotações, prontas para publicar (opcional). Quer compartilhar o que conversou? Ele pode gerar uma resenha autêntica (com opiniões e emoções, como se fosse escrita por uma pessoa real — ideal para Douban, publicações no WeChat e Momentos) ou um roteiro de edição de vídeo de interpretação (com anotações de storyboard, imagens, narração e efeitos visuais de texto — é só pegar e editar, ideal para Xiaohongshu, Douyin e Bilibili). O parceiro não faz propaganda ativa; só ativa esse recurso quando você pede explicitamente. 🎬 Cobre a grande maioria dos filmes, animações e séries. Cada lançamento de um filme popular é uma jornada completa: preparo antes + exploração profunda depois, com organização de anotações sob demanda.
PesquisaCoach de Leitura: 4 Perguntas
O usuário informa o título do livro (e, opcionalmente, sua profissão/cargo/identidade). Com base no framework das 'quatro perguntas do leitor excelente' do livro *Como Ler Livros*, a Skill combina de forma flexível conhecimento prévio, busca na internet e materiais enviados pelo usuário para gerar um documento de leitura estruturado, contendo biografia do autor, análise das quatro perguntas, 10 citações marcantes e recomendações de 3 livros relacionados.
Encontre sua próxima habilidade favorita
Explore mais habilidades de IA selecionadas para pesquisa, criação e trabalho do dia a dia.