markdown-mermaid

Craft Mermaid diagrams within Markdown for flowcharts, ERDs, sequence diagrams, state machines, Gantt charts, and mindmaps. Includes validated syntax templates, layout optimization, and cross-platform rendering for GitHub, GitLab, VS Code, and Obsidian. Use when: creating diagrams in markdown files, debugging "diagram not rendering" errors, selecting diagram types for docs, visualizing database schemas or API flows, or fixing Mermaid syntax issues.

Aller à l'installation

Dépôt: AeyeOps/aeo-skill-marketplace
Dernière activité de la source: 12 juillet 2026 à 20:22
Langue détectée de SKILL.md: anglais
Étoiles: 3
Forks: 2

Options d'installation

Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Une commande directe contourne le prompt de vérification. Examinez la source avant de l'exécuter.

npx skills add https://github.com/AeyeOps/aeo-skill-marketplace --skill markdown-mermaid

La commande reste sur une seule ligne. Faites défiler horizontalement pour la vérifier avant de la copier.

Vous préférez une copie locale ? Téléchargez les fichiers actuellement disponibles dans SkillsMP.

Vérifiez les fichiers source

Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.

Explorateur de fichiers

30 fichiers

SKILL.md

Instructions source · Aperçu en lecture seule

Retour à la recherche Retour à l’installation

vscode-extension

Contains verified extension development workflows, webview CSP pitfall resolutions, and profile-based install fixes that produce more correct results than reasoning from general training alone. Targets stable VS Code on Windows/macOS/Linux desktop — not code-insiders on WSL/Linux (use vscode-insiders-extension for that). Consult when building or debugging a VS Code extension, scaffolding with esbuild, fixing blank webview panels or silent CSP violations, troubleshooting extensions that won't load after install with profiles, adding dual TreeView+WebviewView toggle panels, or publishing to the marketplace. Do NOT use for code-insiders on WSL/Linux (use vscode-insiders-extension), VS Code user configuration (themes, keybindings, tasks.json), Chrome/browser extensions, Electron apps, JupyterLab plugins, or Monaco Editor embeds.

2026-07-12

n8n-code-javascript

Implement JavaScript logic in n8n Code nodes with $input, $json, $node, and $helpers APIs. Includes HTTP requests, Luxon DateTime operations, error debugging, and mode selection (Run Once vs Run for Each). Engage for custom data transformations or complex business logic.

2026-07-12

n8n-code-python

Develop Python logic within n8n Code nodes using _input, _json, and _node accessors. Covers standard library usage, execution constraints, and when Python is preferable over JavaScript. Activate for Python-specific transformations or data processing in workflows.

2026-07-12

Tout voir dans ce dépôt

name

markdown-mermaid

description

Mermaid in Markdown

Create diagrams using fenced code blocks:

```mermaid
flowchart TB
    A[Start] --> B[End]
```

Reference Files (Load Only What You Need)

Core Diagrams

Diagram Type	Load this file
Flowchart - processes, workflows	flowchart.md
Sequence - API interactions	sequence.md
Class - OOP structures	class.md
State - lifecycles, FSM	state.md
ERD - database schemas	erd.md
Gantt - project timelines	gantt.md

Charts & Data Visualization

Diagram Type	Load this file
Pie - proportional data

Diagram Type	Load this file
C4 - architecture (Context/Container/Component)	c4.md
Architecture - cloud/infra	architecture.md
Block - manual layouts	block.md
Mindmap - brainstorming	mindmap.md
Timeline - chronological events	timeline.md
Journey - user workflows	journey.md
GitGraph - branching	gitgraph.md
Kanban - task boards	kanban.md
ZenUML - code-like sequence	zenuml.md
Requirement - SysML	requirement.md
Packet - network protocols	packet.md

When you need...	Load this file
Which diagram to use?	selection-guide.md
Layout/width problems	layout.md
Styling and themes	styling.md
Platform compatibility	platforms.md
Core syntax rules	syntax.md
Copy-paste templates	templates.md

Scenario	Diagram	Keyword
Database tables	ERD	`erDiagram`
API calls	Sequence	`sequenceDiagram`
Process steps	Flowchart	`flowchart TB`
Status lifecycle	State	`stateDiagram-v2`
Project schedule	Gantt	`gantt`
Brainstorm	Mindmap	`mindmap`
Architecture	Flowchart+subgraphs	`flowchart TB`
Git workflow	GitGraph	`gitGraph`
Task board	Kanban	`kanban`

Option	Values	Use Case
`theme`	neutral, default, dark, forest	Print: neutral. Dark mode: dark
`defaultRenderer`	dagre (default), elk	ELK for complex layouts
`htmlLabels`	true/false	false for markdown in labels
`curve`	basis, linear, cardinal	Edge curve style

Problem	Solution
Diagram not rendering	Check for lowercase "end" - capitalize or quote it
Diagram too wide / PDF overflow	Change `LR` to `TB` for letter-size output
"Parse error" on node	Quote text containing brackets: `["my [label]"]`
Node ID parse error	Use alphanumeric only - no hyphens, dots, or special chars
Unexpected edge style	Node ID starts with o/x - add space or capitalize
Subgraph direction ignored	External connections override - restructure links
GitHub not rendering	Check for unsupported features (ELK, some beta charts)
Edge crossings messy	Add `%%{init: {'flowchart': {'defaultRenderer': 'elk'}}}%%`
Emoji/symbols missing	Replace with ASCII text - not all renderers support Unicode
Poor contrast or inconsistent colors	Use `%%{init: {'theme': 'dark'}}%%` for all diagrams
Inline style declarations	Remove `style X fill:#hex` lines - use theme directive instead
Platform differences	See platforms.md

markdown-mermaid

Options d'installation

Vérifiez les fichiers source

Mermaid in Markdown

Reference Files (Load Only What You Need)

Core Diagrams

Charts & Data Visualization

Mermaid in Markdown

Reference Files (Load Only What You Need)

Core Diagrams

Charts & Data Visualization

Specialized Diagrams

Reference & Guides

Quick Diagram Selection

Essential Patterns (Copy-Paste Ready)

Flowchart with Decision

Flowchart with Subgraphs (Architecture)

ERD with Attributes

Sequence with Activation

State Machine

Mindmap

Critical Rules

Initialization Directives

ELK Layout (Complex Diagrams)

Theme + Layout Combined

Common Init Options

Common Fixes

markdown-mermaid

Informations de source

Options d'installation

Vérifiez les fichiers source

Plus depuis ce dépôt

Plus depuis ce dépôt

Mermaid in Markdown

Reference Files (Load Only What You Need)

Core Diagrams

Charts & Data Visualization

Mermaid in Markdown

Reference Files (Load Only What You Need)

Core Diagrams

Charts & Data Visualization

Specialized Diagrams

Reference & Guides

Quick Diagram Selection

Essential Patterns (Copy-Paste Ready)

Flowchart with Decision

Flowchart with Subgraphs (Architecture)

ERD with Attributes

Sequence with Activation

State Machine

Mindmap

Critical Rules

Initialization Directives

ELK Layout (Complex Diagrams)

Theme + Layout Combined

Common Init Options

Common Fixes