Gemini Mermaid Renderer

"Gemini Mermaid Renderer" is a Chrome extension that instantly converts Mermaid text generated by Gemini into visual diagrams right on the spot.

【Visualize AI responses instantly 📊】
No more hassle of copying and pasting Mermaid code from Gemini into other tools—view your diagrams directly within the chat interface.
Convert complex textual information into easy-to-understand visuals, including flowcharts, sequence diagrams, system architecture diagrams, Gantt charts, and more.

【Key Features】
・🔍 Zoom Function: Easily inspect even complex or massive system diagrams in detail with zoom-in and zoom-out capabilities.
・💾 Save as Image: Download your generated diagrams as PNG images with a single click. Perfect for pasting directly into presentation slides or documents.
・🌓 Dark Mode Support: Background and text colors automatically optimize to match your Gemini theme, maintaining a beautiful and readable design.

【How to Use】
1. Install this extension in Chrome.
2. Ask Gemini to "Create a diagram of [topic] using Mermaid."
3. Click the pink "Mermaid" button in the top-right corner of the generated code block to render the diagram!

【Setup Tip】
Follow the guide displayed upon your first installation to set up custom instructions. This will allow Gemini to start outputting in Mermaid notation automatically, making your workflow even smoother.