image-to-diagram

SKILL.md

| Screenshots of diagrams | Excellent | | Architecture tool exports | Excellent | | Clean whiteboard photos | Good | | Hand-drawn diagrams | Moderate (clear boxes/arrows help) | | Low-contrast/blurry images | Poor |

| Boxes with arrows (flow) | flowchart TD/LR | | Sequence of interactions | sequenceDiagram | | Classes with relationships | classDiagram | | Database tables | erDiagram | | States and transitions | stateDiagram-v2 | | Timeline/phases | gantt or timeline | | Hierarchical groups | flowchart with subgraph |

Convierta imágenes (capturas de pantalla, fotografías, pizarra) a diagramas Mermaid o DOT/Graphviz Fuente: mindmorass/reflex.

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/mindmorass/reflex --skill image-to-diagram 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

Ver original