·canvas

Cree diagramas espaciales basados ​​en nodos con posicionamiento libre. Lo mejor para mapas mentales, gráficos de conocimiento, mapas conceptuales y tableros de planificación donde es importante un diseño espacial preciso. Utilice el formato JSON con coordenadas x/y. NO para flujos secuenciales (use sirena) o gráficos de datos (use vega).

6Instalaciones·0Tendencia·@xicilion

Instalación

$npx skills add https://github.com/xicilion/markdown-viewer-extension --skill canvas

SKILL.md

Quick Start: Define nodes with id, type, x, y, width, height → Plan layout on 100px grid → Connect edges with fromNode/toNode → Apply colors (1-6) → Wrap in `canvas fence. Origin (0,0) at top-left, X right, Y down. Obsidian Canvas compatible.

Node Types | Type | Required Fields | Purpose |

| text | text | Display custom text content | | file | file | Reference external files | | link | url | External URL references | | group | label | Visual container for grouping |

Cree diagramas espaciales basados ​​en nodos con posicionamiento libre. Lo mejor para mapas mentales, gráficos de conocimiento, mapas conceptuales y tableros de planificación donde es importante un diseño espacial preciso. Utilice el formato JSON con coordenadas x/y. NO para flujos secuenciales (use sirena) o gráficos de datos (use vega). Fuente: xicilion/markdown-viewer-extension.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/xicilion/markdown-viewer-extension --skill canvas
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es canvas?

Cree diagramas espaciales basados ​​en nodos con posicionamiento libre. Lo mejor para mapas mentales, gráficos de conocimiento, mapas conceptuales y tableros de planificación donde es importante un diseño espacial preciso. Utilice el formato JSON con coordenadas x/y. NO para flujos secuenciales (use sirena) o gráficos de datos (use vega). Fuente: xicilion/markdown-viewer-extension.

¿Cómo instalo canvas?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/xicilion/markdown-viewer-extension --skill canvas Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

https://github.com/xicilion/markdown-viewer-extension

Detalles

Categoría
*Creatividad
Fuente
skills.sh
Primera vez visto
2026-02-01