Habilidades json-canvas
📦

json-canvas

Seguro

Crear archivos JSON Canvas

También disponible en: kepano

Los archivos JSON Canvas de Obsidian requieren una estructura JSON precisa. Esta habilidad proporciona plantillas y ejemplos para crear archivos canvas válidos con nodos, bordes, grupos y conexiones.

Soporta: Claude Codex Code(CC)
🥉 73 Bronce
1

Descargar el ZIP de la skill

2

Subir en Claude

Ve a Configuración → Capacidades → Skills → Subir skill

3

Activa y empieza a usar

Pruébalo

Usando "json-canvas". Crear un canvas con un nodo central 'Idea principal' conectado a dos nodos secundarios

Resultado esperado:

  • Un archivo JSON Canvas con un array de nodos que contiene 3 nodos de texto posicionados apropiadamente, y un array de bordes conectando el centro a los secundarios con etiquetas

Usando "json-canvas". Construir un diagrama de flujo simple con nodos de inicio, decisión y fin

Resultado esperado:

  • Estructura JSON con nodos de texto coloreados por tipo (verde para inicio/fin, amarillo para decisión), conectados por bordes dirigidos que muestran la dirección del flujo

Auditoría de seguridad

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
Archivos escaneados
643
Líneas analizadas
0
hallazgos
1
Auditorías totales
No se encontraron problemas de seguridad
Auditado por: claude

Puntuación de calidad

38
Arquitectura
100
Mantenibilidad
87
Contenido
50
Comunidad
100
Seguridad
87
Cumplimiento de la especificación

Lo que puedes crear

Crear mapas mentales

Construye mapas mentales visuales para planificación de proyectos, organización de notas o sesiones de lluvia de ideas con nodos conectados

Diseñar diagramas de flujo

Crea diagramas de flujo y diagramas de procesos con nodos de decisión, bordes direccionales y elementos codificados por colores

Organizar investigación

Conecta referencias PDF, notas y enlaces externos en un canvas de investigación visual para revisión de literatura

Prueba estos prompts

Canvas de texto simple 
Crea un archivo JSON Canvas con 3 nodos de texto: un título en la parte superior y dos nodos secundarios debajo conectados al título con bordes etiquetados 'Rama A' y 'Rama B'. Usa coordenadas x, y y tamaños razonables.
Canvas de referencia de investigación 
Crea un archivo JSON Canvas con un nodo de texto central que contiene 'Tema de investigación', conectado a 3 nodos de archivo que apuntan a 'Paper1.pdf', 'Paper2.pdf', 'Paper3.pdf', y un nodo de enlace que apunta a 'https://example.com'. Añade bordes con etiquetas que muestren relaciones.
Proceso de múltiples pasos 
Crea un canvas de diagrama de flujo con 5 nodos: Inicio, Paso 1, Decisión (Sí/No), Paso 2, Fin. Conéctalos con bordes direccionales. Usa colores para distinguir puntos de decisión.
Organización agrupada 
Crea un JSON Canvas con 2 nodos de grupo: 'Grupo A' que contiene 2 nodos de texto, y 'Grupo B' que contiene 2 nodos de texto. Añade bordes conectando nodos entre grupos.

Mejores prácticas

  • Incluir siempre IDs hexadecimales únicos para cada nodo y borde
  • Usar atributos de color para distinguir visualmente los tipos de nodos
  • Ordenar nodos por z-index (primero en el array = capa inferior)
  • Definir etiquetas de bordes para clarificar relaciones entre nodos

Evitar

  • Olvidar incluir los contenedores de array 'nodes' o 'edges'
  • Usar IDs duplicados en múltiples nodos o bordes
  • Omitir atributos requeridos como 'type', 'x', 'y', 'width', 'height'
  • Crear bordes autorreferentes que conectan un nodo consigo mismo

Preguntas frecuentes

¿Qué es JSON Canvas?
JSON Canvas es un formato de archivo abierto para datos de canvas infinito usado en Obsidian. Los archivos usan la extensión .canvas y contienen JSON válido con arrays de nodos y bordes.
¿Cómo genero IDs únicos?
Usa cadenas hexadecimales de 16 caracteres. Obsidian genera IDs aleatorios, pero cualquier cadena única funciona para canvas personalizados.
¿Puedo añadir imágenes a nodos del canvas?
Sí, usa nodos de archivo con el atributo 'file' apuntando a rutas de imagen. El atributo 'subpath' puede enlazar a secciones específicas.
¿Qué tipos de nodos están soportados?
Cuatro tipos: texto (contenido Markdown), archivo (referencias), enlace (URLs externas) y grupo (contenedores visuales).
¿Cómo controlo la capas visual?
El orden de los nodos en el array determina el z-index. Los nodos anteriores aparecen debajo de los posteriores. Reordena el array para cambiar la capas.
¿Puedo crear bordes de colores?
Sí, añade un atributo 'color' a los objetos de borde usando el mismo sistema de colores que los nodos (rango 0-8).

Detalles del desarrollador

Licencia

MIT

Repositorio

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

Ref.

main

Estructura de archivos

📄 SKILL.md