skills.rest
dthuy62
dthuy62COMMUNITY
Explore all skills by this author →
GitHub

ck:mermaidjs-v11

Generate valid Mermaid.js v11 diagram syntax from technical requirements.

Updated May 10, 2026
Search Tags:#architecture#markdown#mermaid#cli#flowchart#diagrams#sequence-diagram
One-click install
npx skills add https://github.com/dthuy62/kollet-app --skill ck-mermaidjs-v11-dthuy62
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:mermaidjs-v11
Source: https://github.com/dthuy62/kollet-app/tree/main/.opencode/skills/mermaidjs-v11
Command: npx skills add https://github.com/dthuy62/kollet-app --skill ck-mermaidjs-v11-dthuy62

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill removes the friction of manually drafting technical diagrams by turning requirements, architecture notes, and workflows into accurate Mermaid.js v11 syntax.

Core Features & Use Cases

  • Diagram Creation: Generate flowcharts, sequence diagrams, class diagrams, ER diagrams, state diagrams, Gantt charts, and architecture visuals.
  • Documentation Support: Produce diagrams that fit cleanly into Markdown, HTML, and developer documentation workflows.
  • Practical Use Cases: Map system architecture, explain API interactions, document database relationships, visualize timelines, and communicate user journeys.

Quick Start

Ask for the diagram type and content you want, and I will generate ready-to-use Mermaid.js v11 markup for it.

Frequently Asked Questions about ck:mermaidjs-v11

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate Mermaid.js diagrams from text descriptions?▼

To generate Mermaid.js diagrams from text, provide your technical requirements or architecture notes to receive valid, ready-to-use Mermaid.js v11 syntax for flowcharts, sequence diagrams, and more.

Can I create an architecture diagram using Mermaid syntax?▼

Yes, you can create architecture diagrams using Mermaid syntax by supplying your system design notes, which translates directly into configurable Mermaid.js v11 markup for developer documentation.

What types of diagrams does Mermaid.js v11 support for Markdown documentation?▼

Mermaid.js v11 supports flowcharts, sequence diagrams, class diagrams, ER diagrams, state diagrams, Gantt charts, timelines, and user journeys for integration into Markdown and HTML workflows.

How do I map API interactions in a sequence diagram?▼

To map API interactions in a sequence diagram, input your API workflow requirements and the system outputs valid Mermaid.js sequence diagram syntax ready for CLI rendering or JavaScript integration.

Does this Mermaid generator work for both HTML and CLI rendering?▼

Yes, this Mermaid generator produces valid, configurable output specifically designed to fit cleanly into Markdown, HTML, CLI rendering, and JavaScript integration workflows.

What is the best way to document database relationships with ER diagrams?▼

The best way to document database relationships with ER diagrams is providing your schema details to generate accurate Mermaid.js v11 entity-relationship syntax for your technical documentation.

Related Skills

Explore More Software Engineering Skills→
OKHP3OKHP3
2

mermaid-diagrams

Convert plain text descriptions into Mermaid syntax-based diagrams.

Community
Advanced
lv7devlv7dev

mermaidjs-v11

Generate flowcharts, sequence, class, and ER diagrams from text using Mermaid.js v11.

Community
Intermediate
KrystianYCSilvaKrystianYCSilva

markdown-expert

Create Markdown documentation with Mermaid diagrams and GFM tables.

Community
Intermediate
osocodeosocode

mermaid-diagrams

Create Mermaid diagrams for documentation and architecture.

Community
Basic