Skills mermaid-diagrams

📦

mermaid-diagrams

Name: mermaid-diagrams
Author: softaworks

Content revision r1 Safe 🌐 Network access⚙️ External commands

Create Mermaid Diagrams for Software Documentation

Teams often need clear diagrams that stay close to code and documentation. This skill guides Claude, Codex, and Claude Code through Mermaid syntax for maintainable visual models.

Supports: Claude Codex Code(CC)

🥉 79 Bronze

Install with my Agent

Copy this request to your Agent. It includes the canonical Skill page and manifest.

Agent request

Review the Skillstore skill "mermaid-diagrams" from https://skillstore.io/skills/softaworks-mermaid-diagrams.md and its manifest at https://skillstore.io/api/skills/softaworks-mermaid-diagrams/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Your Agent should still show its plan and request any confirmation required by the security policy.

Agent-readable resources

Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.

Markdown detail GET /skills/softaworks-mermaid-diagrams.md Signed manifest GET /api/skills/softaworks-mermaid-diagrams/manifest Signed lockfile GET /api/skills/softaworks-mermaid-diagrams/lockfile

Test it

Using "mermaid-diagrams". A login flow with a user, web app, API, identity provider, and database.

Expected outcome:

A sequence diagram showing authentication, token creation, user lookup, success response, and invalid credential handling.

Using "mermaid-diagrams". An order management database with customers, orders, products, and line items.

Expected outcome:

An ERD that defines entities, primary keys, foreign keys, and one-to-many relationships between orders and line items.

Using "mermaid-diagrams". A microservice platform with web, API, queue, notification, payment, and database components.

Expected outcome:

A C4 container diagram showing users, applications, data stores, external systems, and communication protocols.

Security Audit

Safe

v5 • 7/9/2026 Open versioned report

The static findings are false positives caused by Mermaid documentation and example syntax. Terms such as System, Network, Database, and Email are diagram labels, URLs are documentation examples, and backticks are Markdown formatting. No executable scripts, data exfiltration intent, prompt injection, or unsafe automation was found.

Files scanned

3,148

Lines analyzed

Review items

False positives ignored

Risk Factors

🌐 Network access (13)

README.md:175 references/advanced-features.md:297 references/advanced-features.md:298 references/advanced-features.md:299 references/advanced-features.md:316 references/advanced-features.md:317 references/advanced-features.md:516 references/c4-diagrams.md:81 references/c4-diagrams.md:184 references/c4-diagrams.md:214 references/sequence-diagrams.md:213 references/sequence-diagrams.md:214 SKILL.md:190

⚙️ External commands (24)

No confirmed security findings were detected by the latest completed static and semantic audit. This does not prove the skill has no side effects.

Audited by: codex View Audit History →

Share & cite this report

Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.

Open versioned report

Copy report link

https://skillstore.io/skills/softaworks-mermaid-diagrams/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/softaworks-mermaid-diagrams/security.svg)](https://skillstore.io/skills/softaworks-mermaid-diagrams?utm_source=security_passport_badge)

HTML badge

<a href="https://skillstore.io/skills/softaworks-mermaid-diagrams?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/softaworks-mermaid-diagrams/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Embed card

<iframe src="https://skillstore.io/embed/skills/softaworks-mermaid-diagrams.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Academic citations (APA · BibTeX · CFF)

APA citation

softaworks. (2026). mermaid-diagrams security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/softaworks-mermaid-diagrams/audits/5

BibTeX citation

@techreport{softaworks-softaworks-mermaid-diagrams-2026,
  author = {softaworks},
  title = {mermaid-diagrams security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/softaworks-mermaid-diagrams/audits/5},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "mermaid-diagrams security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
  - name: "softaworks"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/softaworks-mermaid-diagrams/audits/5"
identifiers:
  - type: other
    value: "skillstore:softaworks-mermaid-diagrams:audit:5"
    description: "Skillstore immutable audit report identifier"

Skillstore Score

Why this score Evidence Confidence: High

Architecture

Maintainability

Content

Community

Spec Compliance

What You Can Build

Document Service Architecture

Create C4 diagrams that show systems, containers, components, users, and external services.

Explain Application Flows

Build sequence diagrams and flowcharts for API calls, user journeys, and business processes.

Model Data Structures

Create ERD and class diagrams for database schemas, domain models, and object relationships.

Try These Prompts

Create a Basic Flowchart

Create a Mermaid flowchart for this process: [describe the steps]. Use clear labels and one decision point.

Map an API Sequence

Create a Mermaid sequence diagram for this API flow: [describe actors, calls, responses, and error cases].

Design a Data Model

Create a Mermaid ERD for this domain: [describe entities, attributes, keys, and relationships]. Include cardinality.

Produce a C4 Architecture View

Create Mermaid C4 context, container, and component views for this system: [describe users, services, stores, and dependencies].

Best Practices

Start with the smallest diagram that answers the documentation question.
Use clear labels, titles, and comments so diagrams remain useful during code review.
Keep Mermaid source near related documentation or code so updates are easy to review.

Avoid

Do not combine every system detail into one large diagram.
Do not use vague node names when real service, entity, or actor names are known.
Do not rely on renderer-specific features without checking the target platform.