Habilidades json-canvas
📦

json-canvas

Seguro

Criar Arquivos JSON Canvas

Também disponível em: kepano

Arquivos JSON Canvas do Obsidian exigem uma estrutura JSON precisa. Esta habilidade fornece modelos e exemplos para criar arquivos canvas válidos com nós, arestas, grupos e conexões.

Suporta: Claude Codex Code(CC)
🥉 73 Bronze
1

Baixar o ZIP da skill

2

Upload no Claude

Vá em Configurações → Capacidades → Skills → Upload skill

3

Ative e comece a usar

Testar

A utilizar "json-canvas". Create a canvas with a central node 'Main Idea' connected to two child nodes

Resultado esperado:

  • Um arquivo JSON Canvas com array de nós contendo 3 nós de texto posicionados apropriadamente, e array de arestas conectando o centro aos filhos com rótulos

A utilizar "json-canvas". Build a simple flowchart with start, decision, and end nodes

Resultado esperado:

  • Estrutura JSON com nós de texto coloridos por tipo (verde para início/fim, amarelo para decisão), conectados por arestas direcionais mostrando a direção do fluxo

Auditoria de Segurança

Seguro
v1 • 2/24/2026

This is a documentation-only skill that provides templates and examples for creating JSON Canvas files. All static findings are false positives triggered by JSON code examples in markdown documentation. No executable code, network calls, or cryptographic operations present. Skill is safe for publication.

1
Arquivos analisados
643
Linhas analisadas
0
achados
1
Total de auditorias
Nenhum problema de segurança encontrado
Auditado por: claude

Pontuação de qualidade

38
Arquitetura
100
Manutenibilidade
87
Conteúdo
50
Comunidade
100
Segurança
87
Conformidade com especificações

O Que Você Pode Construir

Criar Mapas Mentais

Construir mapas mentais visuais para planejamento de projetos, organização de notas ou sessões de brainstorming com nós conectados

Criar Fluxogramas

Criar fluxogramas e diagramas de processos com nós de decisão, arestas direcionais e elementos codificados por cores

Organizar Pesquisa

Conectar referências PDF, notas e links externos em um canvas visual de pesquisa para revisão de literatura

Tente Estes Prompts

Canvas de Texto Simples 
Crie um arquivo JSON Canvas com 3 nós de texto: um título no topo, e dois nós filhos abaixo dele conectados ao título com arestas rotuladas como 'Branch A' e 'Branch B'. Use coordenadas x, y e tamanhos razoáveis.
Canvas de Referência de Pesquisa 
Crie um arquivo JSON Canvas com um nó de texto central contendo 'Research Topic', conectado a 3 nós de arquivo apontando para 'Paper1.pdf', 'Paper2.pdf', 'Paper3.pdf', e um nó de link apontando para 'https://example.com'. Adicione arestas com rótulos mostrando os relacionamentos.
Processo Multi-Etapas 
Crie um canvas de fluxograma com 5 nós: Start, Step 1, Decision (Yes/No), Step 2, End. Conecte-os com arestas direcionais. Use cores para distinguir os pontos de decisão.
Organização Agrupada 
Crie um JSON Canvas com 2 nós de grupo: 'Group A' contendo 2 nós de texto, e 'Group B' contendo 2 nós de texto. Adicione arestas conectando nós entre os grupos.

Melhores Práticas

  • Sempre incluir IDs hexadecimais únicos para cada nó e aresta
  • Usar atributos de cor para distinguir visualmente os tipos de nós
  • Ordenar nós por z-index (primeiro no array = camada inferior)
  • Definir rótulos de aresta para clarificar os relacionamentos entre nós

Evitar

  • Esquecer de incluir o wrapper de array 'nodes' ou 'edges'
  • Usar IDs duplicados em múltiplos nós ou arestas
  • Omitir atributos obrigatórios como 'type', 'x', 'y', 'width', 'height'
  • Criar arestas autorreferenciadas que conectam um nó a si mesmo

Perguntas Frequentes

O que é JSON Canvas?
JSON Canvas é um formato de arquivo aberto para dados de canvas infinito usado no Obsidian. Arquivos usam extensão .canvas e contêm JSON válido com arrays de nodes e edges.
Como gero IDs únicos?
Use strings hexadecimais de 16 caracteres. O Obsidian gera IDs aleatórios, mas qualquer string única funciona para canvases personalizados.
Posso adicionar imagens aos nós do canvas?
Sim, use nós de arquivo com o atributo 'file' apontando para caminhos de imagem. O atributo 'subpath' pode linkar para seções específicas.
Quais tipos de nós são suportados?
Quatro tipos: text (conteúdo Markdown), file (referências), link (URLs externos), e group (containers visuais).
Como controlo a camada visual?
A ordem do nó no array determina o z-index. Nós anteriores aparecem abaixo de nós posteriores. Reordene o array para mudar a camada.
Posso criar arestas coloridas?
Sim, adicione um atributo 'color' aos objetos de aresta usando o mesmo sistema de cores dos nós (faixa 0-8).

Detalhes do Desenvolvedor

Licença

MIT

Repositório

https://github.com/ZhanlinCui/Ultimate-Agent-Skills-Collection/tree/main/json-canvas

Referência

main

Estrutura de arquivos

📄 SKILL.md