Claude MarketplacesSubmit
agents365-ai avatar

Creating Mermaid Diagrams

agents365-ai/365-skills

If you need to create flowcharts, sequence diagrams, or system architecture visuals without manually positioning elements, this handles the layout automatically through Mermaid's text-based syntax. You write the relationships, Mermaid figures out where everything goes. It exports to PNG, SVG, or PDF either through a local CLI tool or the Kroki API if you don't want to install anything. The dual-mode setup is smart since you might want local rendering in CI but API calls during prototyping. It's been installed over 500 times and passed audits from Gen Agent Trust Hub, Socket, and Snyk. Good fit for documentation workflows where you'd rather version control diagram source than binary image files.

skills.sh installs
4.2K
GitHub stars
100
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add agents365-ai/365-skills --skill creating-mermaid-diagrams --agent claude-code

Installs into .claude/skills of the current project.

Files

If you need to create flowcharts, sequence diagrams, or system architecture visuals without manually positioning elements, this handles the layout automatically through Mermaid's text-based syntax. You write the relationships, Mermaid figures out where everything goes. It exports to PNG, SVG, or PDF either through a local CLI tool or the Kroki API if you don't want to install anything. The dual-mode setup is smart since you might want local rendering in CI but API calls during prototyping. It's been installed over 500 times and passed audits from Gen Agent Trust Hub, Socket, and Snyk. Good fit for documentation workflows where you'd rather version control diagram source than binary image files.

Browse the repository on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/agents365-ai/365-skills
Categories
Frontend Development, Backend & APIs, Security, Git & Pull Requests, Code Review & Quality, Sales & Marketing, CLI & Terminal, Office & Documents, Databases
First seen
Jun 3, 2026

More from agents365-ai/365-skills

All 15

Recommended

More Frontend Development
1agents365-ai avatarplantuml-skillagents365-ai/365-skillsUse when user requests diagrams, flowcharts, sequence diagrams, class diagrams, component diagrams, ER diagrams, architecture charts, or visualizations — includ4.1Kskills.sh installs
2dotnet avatartechnology-selectiondotnet/skillsGuides technology selection and implementation of AI and ML features in .NET 8+ applications using ML.NET, Microsoft.Extensions.AI (MEAI), Microsoft Agent Frame4.1Kskills.sh installs
3nexu-io avatarweb-design-guidelinesnexu-io/open-designReview UI code for Web Interface Guidelines compliance by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product U4.1Kskills.sh installs
4giuseppe-trisciuoglio avatartypescript-security-reviewgiuseppe-trisciuoglio/developer-kitProvides security review capability for TypeScript/Node.js applications, validates code against XSS, injection, CSRF, JWT/OAuth2 flaws, dependency CVEs, and sec4.1Kskills.sh installs
5zc277584121 avatarbrowser-screenshotzc277584121/marketing-skillsTake focused, region-specific screenshots from web pages using a dedicated headed Chrome profile with persistent login state. Navigates to the right page based 4.1Kskills.sh installs
6inngest avatarinngest-durable-functionsinngest/inngest-skillsUse when building functions that must survive process crashes, retry automatically on failure, run on a schedule, react to events, or maintain state across infr4Kskills.sh installs