CommunityProgramación y desarrollogithub.com

markdown-viewer/mindmap

Crea mapas mentales jerárquicos usando la sintaxis @startmindmap de PlantUML. Ideal para lluvia de ideas, descomposición de temas, notas de estudio y árboles de decisión con diseño radial automático, ramas izquierda/derecha y estilo por nodo.

¿Qué es mindmap?

Esta habilidad permite a los agentes de IA generar mapas mentales jerárquicos visualmente atractivos directamente desde Markdown, utilizando la sintaxis `@startmindmap` de PlantUML. Es especialmente útil para organizar ideas complejas en estructuras jerárquicas claras, facilitando tareas como lluvia de ideas, descomposición de temas, resúmenes de estudio o árboles de decisión. El resultado es un diagrama radial automático donde los nodos se distribuyen en ramas izquierdas y derechas, y se pueden personalizar con colores, iconos y estilos por nodo. Funciona en cualquier plataforma que soporte la vista previa de Markdown con PlantUML, como algunos editores de código, herramientas de documentación y sistemas de notas.

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

Installed? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace mindmap?

Crea mapas mentales jerárquicos usando la sintaxis @startmindmap de PlantUML. Ideal para lluvia de ideas, descomposición de temas, notas de estudio y árboles de decisión con diseño radial automático, ramas izquierda/derecha y estilo por nodo.

Sintaxis básica

@startmindmap
* Tema central
** Subtema 1
*** Detalle A
*** Detalle B
** Subtema 2
*** Detalle C
*** Detalle D
@endmindmap

Ramas izquierda/derecha

Usa ** para rama derecha (predeterminada) y **** para rama izquierda. Puedes cambiar el lado en cualquier nivel.

@startmindmap
* Central
** Derecha 1
*** Detalle derecho
**** Rama izquierda
***** Más detalle izquierdo
** Derecha 2
@endmindmap

Personalización de nodos

  • Colores: Usa #color después del texto del nodo. Ejemplo: * Importante #FF9999
  • Iconos: Usa :icon_name: para agregar iconos. Ejemplo: * :brain: Idea
  • Tamaño de fuente: Usa **negrita** o //cursiva// dentro del nodo.
@startmindmap
* :bulb: Idea principal #lightblue
** Tema importante #orange
*** :check: Hecho #green
*** :cross_mark: Pendiente #red
** :books: Referencias #lightyellow
@endmindmap

Consejos de uso

  • Para mapas extensos, mantén cada nodo con pocas palabras.
  • Usa ramas izquierdas para información complementaria y derechas para la estructura principal.
  • Los iconos mejoran la legibilidad y el atractivo visual.
  • Experimenta con colores para categorizar visualmente las ramas.

Notas técnicas

  • Asegúrate de que tu entorno de desarrollo tenga instalado PlantUML.
  • Compatible con la mayoría de los visores de Markdown que soportan bloques de código PlantUML.
  • No requiere plugins externos si el visor ya tiene soporte integrado.

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 relacionados