design-doc-mermaid
Create Mermaid Diagrams and Design Documents
Complex systems are difficult to explain consistently. This skill creates structured Mermaid diagrams and design documents from requirements, source code, and configuration.
Stop for confirmation before installing.
Review the plan and obtain explicit user consent before changing files.
Install with my Agent
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "design-doc-mermaid" from https://skillstore.io/skills/spillwavesolutions-design-doc-mermaid.md and its manifest at https://skillstore.io/api/skills/spillwavesolutions-design-doc-mermaid/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.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.
Test it
Using "design-doc-mermaid". Show the checkout process with payment failure and retry paths.
Expected outcome:
A high-contrast activity diagram showing cart review, validation, payment authorization, retry limits, order creation, and failure outcomes.
Using "design-doc-mermaid". Document the login request across the browser, API, identity service, and database.
Expected outcome:
A sequence diagram showing credential submission, validation, user lookup, token creation, success responses, and authentication errors.
Using "design-doc-mermaid". Create an API design document for a contact management service.
Expected outcome:
A structured design document covering scope, endpoints, authentication, data entities, errors, deployment, decisions, and supporting Mermaid diagrams.
Security Audit
SafeAll 400 presented static findings are contextual false positives from documentation, examples, or constrained local rendering utilities. The Python utilities invoke fixed mmdc commands with argument arrays and no shell. No prompt injection, data exfiltration intent, or malicious logic was found. Static review was capped at 400/901 representative findings; omitted static matches are unconfirmed, so automatic publishing stays disabled until manual review.
Risk Factors
๐ Network access (48)
๐ Filesystem access (50)
๐ Env variables (12)
โ๏ธ External commands (50)
โก Contains scripts (2)
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.
Copy report link
https://skillstore.io/skills/spillwavesolutions-design-doc-mermaid/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown badge
[](https://skillstore.io/skills/spillwavesolutions-design-doc-mermaid?utm_source=security_passport_badge)HTML badge
<a href="https://skillstore.io/skills/spillwavesolutions-design-doc-mermaid?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/spillwavesolutions-design-doc-mermaid/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Embed card
<iframe src="https://skillstore.io/embed/skills/spillwavesolutions-design-doc-mermaid.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
spillwavesolutions. (2026). design-doc-mermaid security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/spillwavesolutions-design-doc-mermaid/audits/1BibTeX citation
@techreport{spillwavesolutions-spillwavesolutions-design-doc-mermaid-2026,
author = {spillwavesolutions},
title = {design-doc-mermaid security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/spillwavesolutions-design-doc-mermaid/audits/1},
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: "design-doc-mermaid security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "spillwavesolutions"
date-released: "2026-08-25"
url: "https://skillstore.io/skills/spillwavesolutions-design-doc-mermaid/audits/1"
identifiers:
- type: other
value: "skillstore:spillwavesolutions-design-doc-mermaid:audit:1"
description: "Skillstore immutable audit report identifier"
Skillstore Score
Why this score Evidence Confidence: MediumWhat You Can Build
Document System Architecture
Create architecture and deployment views from system requirements, service boundaries, and infrastructure details.
Visualize Application Code
Translate framework structure, request flows, data models, and business logic into focused Mermaid diagrams.
Prepare Technical Design Documents
Build consistent API, feature, database, or system documents with diagrams ready for team review.
Try These Prompts
Create a Mermaid flowchart for [process]. Include the start, main decisions, success path, and failure path.
Create a Mermaid sequence diagram for [request]. Show [actors], important calls, responses, errors, and asynchronous steps.
Analyze [repository or files]. Create separate Mermaid diagrams for architecture, runtime flow, data model, and deployment. State assumptions and exclude unsupported details.
Create a [system, API, feature, or database] design document for [project]. Include scope, requirements, decisions, risks, alternatives, and validated Mermaid diagrams.
Best Practices
- Keep each diagram focused on one concept and label assumptions outside the diagram.
- Validate Mermaid syntax before publishing or converting diagrams to images.
- Load only the guides and framework examples relevant to the requested output.
Avoid
- Do not combine architecture, deployment, data, and runtime behavior in one crowded diagram.
- Do not present inferred implementation details as confirmed facts from the codebase.
- Do not rely on Mermaid fences alone when the target platform requires rendered images.
Frequently Asked Questions
Which Mermaid diagram types are supported?
Can this skill create diagrams from source code?
Can it create complete design documents?
Does image rendering work without additional software?
Does it upload diagrams to documentation platforms?
How does validation work?
Developer Details
Author
spillwavesolutionsLicense
MIT
Skillstore revision
r1
Version notice
The author did not declare a version.
Ref
409f31f949a988520b9068f9893e5313c92c41a4
Maintenance freshness
8/25/2026
Usage
0 downloads ยท 0 views
File structure
๐ .claude-plugin/
๐ plugin.json
๐ .gitignore
๐ assets/
๐ architecture-design-template.md
๐ database-design-template.md
๐ feature-design-template.md
๐ system-design-template.md
๐ examples/
๐ fastapi/
๐ README.md
๐ java-webapp/
๐ README.md
๐ node-webapp/
๐ README.md
๐ python-etl/
๐ README.md
๐ react/
๐ README.md
๐ spring-boot/
๐ README.md
๐ README.md
๐ references/
๐ guides/
๐ code-to-diagram/
๐ README.md
๐ diagrams/
๐ activity-diagrams.md
๐ sequence-diagrams.md
๐ troubleshooting.md
๐ unicode-symbols/
๐ guide.md
๐ wiki-ticket-and-github.md
๐ scripts/
๐ extract_mermaid.py
๐ mermaid_to_image.py
๐ resilient_diagram.py
๐ SKILL.md