{
  "markdown": "# Siren\n\n**Mermaid-compatible syntax. Draw.io-quality output.**\n\nSiren is an open-source diagramming tool that lets you write diagrams as text and renders them with beautiful, polished visuals — think Mermaid's simplicity with draw.io's aesthetics.\n\n## Examples\n\n### Flowchart\n![Flowchart](screenshots/flowchart.png)\n\n### Architecture diagram\n![Architecture](screenshots/architecture.png)\n\n### Sequence diagram\n![Sequence](screenshots/sequence.png)\n\n### CI/CD pipeline\n![Pipeline](screenshots/pipeline.png)\n\n## Features\n\n- **Flowcharts** — `graph TD` / `graph LR` with full node shape support\n- **Architecture diagrams** — annotate nodes with `@icon` to get automatic Material UI icons and tier-based color coding\n- **Sequence diagrams** — `sequenceDiagram` with all Mermaid arrow types, forward/return color distinction\n- **Mermaid-compatible syntax** — paste your existing Mermaid diagrams and they just work\n- **Live preview** — edits render instantly in the browser\n\n## Supported shapes\n\n```\n[Rectangle]   (Rounded)   {Diamond}   ((Circle))   [(Cylinder)]\n([Stadium])\n```\n\n## Icon annotations\n\nAppend `@icontype` to any node ID to apply an icon and automatic color tier:\n\n```\nBrowser@user([Browser])\nDB@database[(PostgreSQL)]\nCache@cache((Redis))\n```\n\nAvailable icons: `user` `browser` `mobile` `cloud` `server` `database` `cache` `storage` `queue` `gateway` `shield` `firewall` `container` `function` `monitor`\n\n## Quick start\n\n```bash\ngit clone https://github.com/your-org/siren.git\ncd siren\nnpm install\nnpm run dev\n```\n\nOpen `http://localhost:5173`.\n\n## Arrow types (sequence diagrams)\n\n| Syntax  | Style           |\n|---------|-----------------|\n| `->>`   | solid, filled   |\n| `-->>` | dashed, filled  |\n| `->`    | solid, open     |\n| `-->`  | dashed, open    |\n| `-x`    | solid, cross    |\n| `--x`  | dashed, cross   |\n\n## Tech stack\n\n- [React](https://react.dev) + [TypeScript](https://www.typescriptlang.org)\n- [Vite](https://vitejs.dev)\n- [dagre](https://github.com/dagrejs/dagre) for flowchart layout\n- [MUI icons](https://mui.com/material-ui/material-icons/) for node icons\n- Pure SVG rendering — no canvas, no D3\n\n## Contributing\n\nPull requests are welcome. For major changes, open an issue first.\n\n## License\n\nMIT — see [LICENSE](LICENSE).\n",
  "bytes": 2259,
  "sha": "b1513ff4f869f55669cc143ce52f74ef238553d0c5157499b8736de6414f62e8",
  "repo_slug": "yoavhizkih/siren",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/mcp_io_github_yoavhizkih_siren_4d341af2/readme"
}