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 |

Convert images (screenshots, photos, whiteboard) to Mermaid or DOT/Graphviz diagrams Source: mindmorass/reflex.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/mindmorass/reflex --skill image-to-diagram Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw