·canvas

Créez des diagrammes basés sur des nœuds spatiaux avec un positionnement libre. Idéal pour les cartes mentales, les graphiques de connaissances, les cartes conceptuelles et les tableaux de planification où une disposition spatiale précise est importante. Utilisez le format JSON avec les coordonnées x/y. PAS pour les flux séquentiels (utilisez sirène) ou les graphiques de données (utilisez Vega).

6Installations·0Tendance·@xicilion

Installation

$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 |

Créez des diagrammes basés sur des nœuds spatiaux avec un positionnement libre. Idéal pour les cartes mentales, les graphiques de connaissances, les cartes conceptuelles et les tableaux de planification où une disposition spatiale précise est importante. Utilisez le format JSON avec les coordonnées x/y. PAS pour les flux séquentiels (utilisez sirène) ou les graphiques de données (utilisez Vega). Source : xicilion/markdown-viewer-extension.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/xicilion/markdown-viewer-extension --skill canvas
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que canvas ?

Créez des diagrammes basés sur des nœuds spatiaux avec un positionnement libre. Idéal pour les cartes mentales, les graphiques de connaissances, les cartes conceptuelles et les tableaux de planification où une disposition spatiale précise est importante. Utilisez le format JSON avec les coordonnées x/y. PAS pour les flux séquentiels (utilisez sirène) ou les graphiques de données (utilisez Vega). Source : xicilion/markdown-viewer-extension.

Comment installer canvas ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/xicilion/markdown-viewer-extension --skill canvas Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Où se trouve le dépôt source ?

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

Détails

Catégorie
*Créativité
Source
skills.sh
Première apparition
2026-02-01