English Français العربية

io.github.yoavhizkiH/siren

Registre officiel IA et agents

MCP server for Siren diagramming — teach AI models to create beautiful diagrams with Siren syntax

Code source Documentation

Que pouvez-vous faire avec io.github.yoavhizkiH/siren ?

  • Flowcharts — graph TD / graph LR with full node shape support
  • Architecture diagrams — annotate nodes with @icon to get automatic Material UI icons and tier-based color coding
  • Sequence diagrams — sequenceDiagram with all Mermaid arrow types, forward/return color distinction
  • Mermaid-compatible syntax — paste your existing Mermaid diagrams and they just work
  • Live preview — edits render instantly in the browser

Installation

Ajoutez ceci à la configuration MCP de votre client (Claude Desktop : claude_desktop_config.json ; Cursor : .cursor/mcp.json ; VS Code et les autres utilisent la même forme « mcpServers »).

NPM package siren-mcp
Claude Code 
claude mcp add siren -- npx -y siren-mcp@0.1.0
Configuration JSON (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "siren": {
            "command": "npx",
            "args": [
                "-y",
                "siren-mcp@0.1.0"
            ]
        }
    }
}

Documentation

Tirée du README du projet sur GitHub, actualisée chaque semaine. Les liens ouvrent GitHub.

Sommaire
  1. Siren
  2. Examples
  3. Features
  4. Supported shapes
  5. Icon annotations
  6. Quick start
  7. Arrow types (sequence diagrams)
  8. Tech stack
  9. Contributing
  10. License

Siren

Mermaid-compatible syntax. Draw.io-quality output.

Siren 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.

Examples

Flowchart

Architecture diagram

Sequence diagram

CI/CD pipeline

Features

  • Flowcharts — graph TD / graph LR with full node shape support
  • Architecture diagrams — annotate nodes with @icon to get automatic Material UI icons and tier-based color coding
  • Sequence diagrams — sequenceDiagram with all Mermaid arrow types, forward/return color distinction
  • Mermaid-compatible syntax — paste your existing Mermaid diagrams and they just work
  • Live preview — edits render instantly in the browser

Supported shapes

[Rectangle]   (Rounded)   {Diamond}   ((Circle))   [(Cylinder)]
([Stadium])

Icon annotations

Append @icontype to any node ID to apply an icon and automatic color tier:

Browser@user([Browser])
DB@database[(PostgreSQL)]
Cache@cache((Redis))

Available icons: user browser mobile cloud server database cache storage queue gateway shield firewall container function monitor

Quick start

git clone https://github.com/your-org/siren.git
cd siren
npm install
npm run dev

Open http://localhost:5173.

Arrow types (sequence diagrams)

SyntaxStyle
->>solid, filled
-->>dashed, filled
->solid, open
-->dashed, open
-xsolid, cross
--xdashed, cross

Tech stack

Contributing

Pull requests are welcome. For major changes, open an issue first.

License

MIT — see LICENSE.

Questions fréquentes

Qu'est-ce que io.github.yoavhizkiH/siren ?

MCP server for Siren diagramming — teach AI models to create beautiful diagrams with Siren syntax

Comment installer io.github.yoavhizkiH/siren ?

Il s'exécute sur votre machine. Dans Claude Code : claude mcp add siren -- npx -y siren-mcp@0.1.0. Pour les autres clients, collez la configuration JSON de cette page dans leurs réglages MCP.

Faut-il une clé API pour io.github.yoavhizkiH/siren ?

Son entrée au registre n'indique aucune clé ni secret obligatoire. Certaines fonctions peuvent tout de même demander un compte auprès du service auquel il se connecte.

io.github.yoavhizkiH/siren est-il open source ?

Oui. Son code est sur GitHub sous licence MIT.

Qui maintient io.github.yoavhizkiH/siren ?

Il est publié par yoavhizkiH. AI.tn le référence sans le maintenir ni le recommander.

Issu du registre MCP officiel. Être listé n'est pas une recommandation : vérifiez le code et les permissions d'un serveur avant de lui donner accès à vos données.