mcp-mermiad

# Social Media Announcements - Mermaid MCP Server v1.0.1 ## 🐦 Twitter/X Post ### Short Version (280 chars) ``` 🎉 Just published mermaid-mcp-server to NPM! Generate professional diagrams with AI: ✨ 22+ diagram types 📚 50+ templates 🤖 Copilot & Claude ready npm install -g @narasimhaponnada/mermaid-mcp-server #AI #DevTools #MCP #OpenSource 🔗 https://github.com/Narasimhaponnada/mermaid-mcp ``` ### Thread Version ``` Tweet 1/4: 🎉 Excited to announce mermaid-mcp-server v1.0.1 is now on NPM! AI-powered diagram generation using Model Context Protocol (MCP). npm install -g @narasimhaponnada/mermaid-mcp-server #AI #DevTools #MCP --- Tweet 2/4: 🎨 Generate professional diagrams from natural language: "Create a microservices architecture" → Beautiful SVG diagram! Works with: 🤖 GitHub Copilot 🧠 Claude AI ⚡ Cursor IDE --- Tweet 3/4: 📦 Features: ✅ 22+ diagram types (flowcharts, sequences, ERDs, etc.) ✅ 50+ pre-built templates ✅ Production-ready SVG/PNG/PDF exports ✅ XML-validated outputs ✅ Zero-config setup --- Tweet 4/4: 🚀 Get started: npm i -g @narasimhaponnada/mermaid-mcp-server mermaid-mcp --version 📖 Docs: https://github.com/Narasimhaponnada/mermaid-mcp ⭐ Star if you like it! #TypeScript #OpenSource #SoftwareEngineering ``` --- ## 💼 LinkedIn Post ### Professional Version ``` 🎉 Excited to share my latest open-source project! I've published mermaid-mcp-server to NPM - an AI-powered diagram generation tool that integrates with GitHub Copilot, Claude, and other AI assistants through the Model Context Protocol (MCP). 🌟 Key Features: • Generate professional diagrams from natural language descriptions • 22+ diagram types: flowcharts, sequence diagrams, architecture diagrams, ERDs, and more • 50+ pre-built templates for common patterns • Production-ready SVG/PNG/PDF exports • Works seamlessly with GitHub Copilot, Claude, and Cursor IDE • Zero-config setup with global npm installation 💡 Perfect for: ✅ Documenting architecture faster ✅ Creating diagrams automatically in PRs ✅ Keeping documentation in sync with code ✅ Onboarding new team members visually ✅ Technical proposals and presentations 🚀 Getting Started: npm install -g @narasimhaponnada/mermaid-mcp-server 📦 NPM: https://www.npmjs.com/package/@narasimhaponnada/mermaid-mcp-server 💻 GitHub: https://github.com/Narasimhaponnada/mermaid-mcp ⭐ Star the repo if you find it useful! Built with TypeScript, Puppeteer, and the Model Context Protocol SDK. MIT licensed and ready for production use. Would love to hear your feedback and use cases! 🙏 #OpenSource #AI #DeveloperTools #SoftwareEngineering #DiagramGeneration #MCP #GitHubCopilot #TypeScript #NPM #Documentation ``` --- ## 📝 Dev.to Article ### Title ``` 🎨 I Built an MCP Server for AI-Powered Diagram Generation (Now on NPM!) ``` ### Tags ``` #mcp #ai #opensource #typescript #diagrams #tools ``` ### Article Outline ``` # Introduction - Problem: Creating and updating architecture diagrams takes too much time - Solution: AI-powered diagram generation using MCP # What is MCP (Model Context Protocol)? - Brief explanation - How it enables AI tool integration # Features - 22+ diagram types with examples - Natural language → professional diagrams - Integration methods # Installation & Setup - npm install command - Configuration for Copilot/Claude - First diagram example # Use Cases - Documentation automation - PR descriptions - Onboarding - Technical proposals # Technical Implementation - TypeScript + Puppeteer - MCP SDK integration - SVG generation pipeline # Getting Started - Quick start guide - Example prompts - Advanced usage # Call to Action - GitHub link - NPM package - Contribution welcome ``` --- ## 🎥 YouTube Short/Demo Script ``` [00:00-00:05] "Watch me generate architecture diagrams with AI!" [00:05-00:10] Show: Opening VS Code with Copilot Chat [00:10-00:20] Type: "Create a microservices architecture diagram" Show: Copilot generating the diagram [00:20-00:25] Show: Beautiful rendered SVG diagram [00:25-00:30] "npm install -g @narasimhaponnada/mermaid-mcp-server" "Link in bio! ⭐ Give it a star!" ``` --- ## 📧 Email Newsletter ### Subject ``` 🎨 New Tool: AI-Powered Diagram Generation (MCP Server on NPM) ``` ### Body ``` Hi fellow developers! I'm excited to share a tool I've been working on that I think you'll find useful. **mermaid-mcp-server** - An AI-powered diagram generation server that works with GitHub Copilot and Claude. 🎯 What it does: You describe what you want → AI generates professional diagrams 📦 Now available on NPM: npm install -g @narasimhaponnada/mermaid-mcp-server ✨ Key benefits: • Save hours on documentation • Keep diagrams in sync with code • Generate 22+ types of diagrams • Production-ready outputs • Works with your favorite AI assistant 🚀 Try it out: 1. Install: npm i -g @narasimhaponnada/mermaid-mcp-server 2. Configure with Copilot (one line in settings) 3. Ask Copilot to create diagrams 4. Get professional results instantly 📖 Full documentation and examples: https://github.com/Narasimhaponnada/mermaid-mcp Would love your feedback! Best regards, Narasimha Rao Ponnada P.S. - If you find it useful, a GitHub star would mean a lot! ⭐ ``` --- ## 🎤 Hacker News (Show HN) ### Title ``` Show HN: MCP Server for AI-Powered Diagram Generation (Mermaid + Copilot) ``` ### Text ``` Hi HN! I built an MCP server that lets AI assistants (GitHub Copilot, Claude, etc.) generate professional Mermaid diagrams from natural language descriptions. NPM: https://www.npmjs.com/package/@narasimhaponnada/mermaid-mcp-server GitHub: https://github.com/Narasimhaponnada/mermaid-mcp **What it does:** You: "Create a microservices architecture diagram" AI: *Generates professional SVG diagram* **Features:** - 22+ diagram types (flowcharts, sequences, ERDs, state machines, etc.) - 50+ pre-built templates - Works with GitHub Copilot, Claude, Cursor - Production-ready SVG/PNG/PDF exports - Zero-config setup: `npm install -g @narasimhaponnada/mermaid-mcp-server` **Use cases:** - Auto-generate diagrams in PRs - Keep architecture docs in sync - Speed up onboarding - Technical proposals **Tech stack:** - TypeScript + MCP SDK - Puppeteer for browser-based rendering - Fixes for XML-compliance (proper `<br/>` tags, etc.) **Try it:** ```bash npm install -g @narasimhaponnada/mermaid-mcp-server mermaid-mcp --version ``` Then configure in VS Code settings (one line) and ask Copilot to generate diagrams. Built this because I was tired of manually updating architecture diagrams. Feedback and contributions welcome! MIT licensed, 100% open source. ``` --- ## 📱 Reddit Posts ### r/programming ``` Title: [Project] Built an MCP Server for AI-Powered Diagram Generation I published an MCP server to NPM that generates professional Mermaid diagrams using AI. **Install:** `npm install -g @narasimhaponnada/mermaid-mcp-server` **Works with:** GitHub Copilot, Claude, Cursor **Features:** - 22+ diagram types - Natural language → SVG/PNG/PDF - 50+ templates - Zero-config setup Perfect for automating documentation and keeping diagrams in sync with code. NPM: https://www.npmjs.com/package/@narasimhaponnada/mermaid-mcp-server GitHub: https://github.com/Narasimhaponnada/mermaid-mcp Would love feedback from the community! ``` ### r/vscode ``` Title: [Extension] MCP Server for Copilot - AI-Powered Diagram Generation Just published a tool that extends GitHub Copilot with diagram generation capabilities! **Install:** ``` npm install -g @narasimhaponnada/mermaid-mcp-server ``` **Configure in VS Code:** Add one line to settings.json and Copilot can now generate professional diagrams. **Usage:** "Create a microservices architecture diagram" → Beautiful SVG! Supports 22+ diagram types and works with Mermaid.js. Link: https://github.com/Narasimhaponnada/mermaid-mcp Feedback welcome! ⭐ ``` --- ## 🌟 Product Hunt ### Tagline ``` AI-powered diagram generation for developers ``` ### Description ``` mermaid-mcp-server enables AI assistants like GitHub Copilot and Claude to generate professional Mermaid diagrams from natural language descriptions. 🎨 **What makes it special:** • Natural language to diagrams • 22+ diagram types supported • Works with your favorite AI tools • Production-ready outputs • Zero-config NPM installation 🚀 **Perfect for:** • Documentation automation • Architecture diagrams • Code reviews • Technical proposals • Team onboarding 💻 **Install in seconds:** npm install -g @narasimhaponnada/mermaid-mcp-server Open source, MIT licensed, and ready for production use. ``` ### First Comment (Maker Comment) ``` Hey Product Hunt! 👋 I'm Narasimha, creator of mermaid-mcp-server. I built this because I was spending too much time manually creating and updating architecture diagrams. Now AI does it for me! **Try it live:** 1. Install: `npm i -g @narasimhaponnada/mermaid-mcp-server` 2. Configure with Copilot (1 line in settings) 3. Ask: "Create a CI/CD pipeline diagram" 4. Get a professional diagram instantly! **Tech stack:** TypeScript, Puppeteer, MCP SDK, Mermaid.js **What's next:** - More diagram types - Custom themes - VS Code extension - Interactive diagrams Would love your feedback and feature requests! AMA! 🙏 ⭐ Star on GitHub: https://github.com/Narasimhaponnada/mermaid-mcp ``` --- ## 📊 Metrics to Track After posting, track: - GitHub stars - NPM downloads - Reddit upvotes - Twitter engagement - LinkedIn impressions - Product Hunt votes - Hacker News points - Dev.to reactions **Goals (Week 1):** - 50+ GitHub stars - 100+ NPM downloads - 10+ Reddit upvotes - 500+ LinkedIn impressions --- **Ready to share!** Copy and paste these announcements to spread the word about your project! 🚀