markdown-viewer/mindmap

Créez des cartes mentales hiérarchiques avec la syntaxe PlantUML @startmindmap. Idéal pour le brainstorming, la décomposition de sujets, les notes d'étude et les arbres de décision avec disposition radiale automatique, branches gauche/droite et style par nœud.

Qu'est-ce que mindmap ?

Ce skill permet aux utilisateurs de générer rapidement des cartes mentales (mind maps) structurées directement à partir du langage de balisage PlantUML, en utilisant la syntaxe `@startmindmap`. Il est particulièrement utile pour organiser des idées complexes, comme lors de séances de brainstorming, de décomposition de sujets, de création de notes d'étude ou d'arbres de décision. Le skill supporte une disposition radiale automatique, la répartition des branches à gauche ou à droite, et le style personnalisé par nœud (couleurs, polices, icônes). Il fonctionne avec l'extension Markdown Viewer et ses variantes, permettant une prévisualisation en direct des diagrammes dans un éditeur Markdown. Le skill interprète le bloc PlantUML et le rend sous forme d'image, facilitant la visualisation sans outils externes. Il est conçu pour les développeurs et les rédacteurs techniques qui souhaitent intégrer des diagrammes clairs et maintenables dans leur documentation ou leurs notes.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/markdown-viewer/skills/tree/main/skills/mindmap

Installed? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait mindmap ?

Créez des cartes mentales hiérarchiques en utilisant la syntaxe PlantUML @startmindmap. Idéal pour le brainstorming, la décomposition de sujets, les notes d'étude et les arbres de décision avec disposition radiale automatique, branches gauche/droite et style par nœud.

Utilisation

  1. Ajoutez un bloc de code PlantUML dans votre document Markdown :
@startmindmap
* Sujet principal
** Sous-sujet 1
*** Détail A
*** Détail B
** Sous-sujet 2
*** Détail C
*** Détail D
@endmindmap
  1. Le diagramme sera automatiquement rendu avec une disposition radiale.

Personnalisation

Branches gauche/droite

@startmindmap
* Sujet principal
** Branche gauche
*** Point 1
*** Point 2
** Branche droite
*** Point 3
*** Point 4
@endmindmap

Style par nœud

@startmindmap
* <style:backgroundColor=#lightBlue>Nœud important</style>
** <style:fontStyle=bold>Nœud en gras</style>
*** <color:red>Texte rouge</color>
@endmindmap

Icônes et emojis

@startmindmap
* :brain: Idée principale
** :bulb: Idée secondaire
*** :check: Fait
*** :x: À faire
@endmindmap

Astuces

  • Utilisez des niveaux d'indentation pour structurer votre hiérarchie.
  • Combinez les styles pour mettre en évidence des informations clés.
  • Les icônes et emojis ajoutent de la clarté visuelle.
  • Testez différentes dispositions pour trouver celle qui correspond le mieux à votre contenu.

Problèmes courants

  • Erreur de syntaxe : Vérifiez que chaque bloc commence par @startmindmap et se termine par @endmindmap.
  • Nœuds vides : Évitez les nœuds sans texte ou sans style.
  • Disposition inattendue : Assurez-vous que les branches sont correctement indentées.

Individual skills in this repo

This repo contains 13 individual skills — each has its own dedicated page.

markdown-viewer/archimate

Create ArchiMate enterprise architecture diagrams using PlantUML stdlib macros. Best for TOGAF viewpoints, layered EA modeling (Business/Application/Technology), motivation analysis, and migration planning.

markdown-viewer/architecture

Create layered system architecture diagrams using HTML/CSS templates with color-coded tiers and grid layouts. Best for technology stacks, microservices topology, and multi-tier application design.

markdown-viewer/bpmn

Create business process diagrams using PlantUML syntax with BPMN, EIP, and Lean Mapping stencil icons. Best for workflow automation, approval chains, message-based integration patterns, and value stream mapping.

markdown-viewer/canvas

Create spatial diagrams with free-positioned nodes using JSON format. Best for concept maps, knowledge graphs, and planning boards requiring precise x/y coordinate control.

markdown-viewer/cloud

Create cloud provider architecture diagrams using PlantUML syntax with official AWS, Azure, GCP, and Alibaba Cloud service icons. Best for multi-service cloud topologies and migration blueprints.

markdown-viewer/data-analytics

Create data pipeline and analytics architecture diagrams using PlantUML syntax with database/analytics stencil icons. Best for ETL pipelines, data lakes, real-time streaming, data warehousing, and BI dashboard design.

markdown-viewer/graphviz

Create directed/undirected graphs using DOT language with automatic layout. Best for dependency trees, call graphs, package hierarchies, and module relationships requiring fine-grained edge routing.

markdown-viewer/infocard

Create editorial-style information cards using HTML/CSS in Markdown. Best for knowledge summaries, data highlights, event announcements, and single-topic content cards with magazine-quality typography.

markdown-viewer/iot

Create IoT architecture diagrams using PlantUML syntax with device and sensor stencil icons. Best for smart home, industrial IoT (IIoT), fleet management, edge computing, and sensor network layouts.

markdown-viewer/network

Create network topology diagrams using PlantUML syntax with mxgraph device icons (Cisco, Citrix, etc.). Best for LAN/WAN layouts, datacenter interconnects, and physical/logical network design.

markdown-viewer/security

Create security architecture diagrams using PlantUML syntax with identity, encryption, firewall, and compliance stencil icons. Best for IAM flows, zero-trust models, encryption pipelines, and threat detection architectures.

markdown-viewer/uml

Create UML diagrams using PlantUML syntax. Best for software modeling — Class, Sequence, Activity, State Machine, Component, Use Case, and Deployment diagrams with concise text-based notation and auto-layout.

markdown-viewer/vega

Create data-driven charts with Vega-Lite (declarative) and Vega (programmatic). Best for statistical visualization of numeric data — bar, line, scatter, heatmap, area, radar charts, and word clouds.

Skills associés