Skills and MCP tagged “mermaid”

diagram-design cathrynlavery skill Draws 45 diagram types as self-contained HTML files with inline SVG. Useful when a picture beats a paragraph. Claude Code CX Codex Cursor +1 18,900installs baoyu-markdown-to-html JimLiu skill Turns a Markdown file into styled HTML with inline CSS and WeChat-ready themes. Useful when an article has to go out with its own look. Claude Code CX Codex Cursor +1 32,200installs pathfinder thedotmack skill This skill maps feature flows, finds duplicated concerns, and proposes a unified architecture. Use it to inspect a codebase before a refactor. Claude Code CX Codex Cursor +1 5,100installs show-me humanlayer skill Explains code and architecture through Mermaid diagrams, call trees, diffs, and HTML artifacts. Useful when you need a concise visual layout instead of walls of text. Claude Code CX Codex Cursor +1 32,300installs breakdown-feature-implementation official github skill This skill turns a Feature PRD into a technical implementation plan covering architecture, data models, APIs, and frontend structure. Use it to map a feature before coding starts. GitHub Copilot 9,237installs breakdown-epic-arch official github skill Creates a high-level Epic architecture specification from a PRD. Use it when a team needs an implementation plan before development starts. GitHub Copilot 9,000installs design-doc-mermaid SpillwaveSolutions skill Generates Mermaid diagrams and design documents from code or user prompts. Useful for GitHub wiki pages, architecture reviews, and sequence flows. Claude Code CX Codex Cursor +1 80,400installs senior-architect Alireza Rezvani skill Generates architecture diagrams, checks coupling, and detects dependency cycles in codebases. Helps teams make technical decisions and document ADRs. Claude Code 1,494installs uml-and-software-architecture-visualization official OpenAI skill This skill helps choose a notation and format for UML diagrams, architecture maps, workflows, and data models. Use it when you need to describe how a system is structured or behaves. CX Codex GP ChatGPT 24installs figma-generate-diagram official Figma skill Prepares Mermaid.js syntax for the generate_diagram tool and renders editable FigJam boards. Needed before building flowcharts, ERDs, or sequence diagrams. CX Codex GP ChatGPT 5installs Senior Cloud Architect official github subagent Designs system architecture, details non-functional requirements, and renders Mermaid diagrams without writing code. GitHub Copilot ★ 40,369repo stars power-platform-architect official Tim Hanewich plugin Turns requirements and meeting transcripts into Power Platform architecture recommendations. Use it when you need component choices and a clear data-flow description. GitHub Copilot ★ 40,369repo stars