lolwierd/mermaid
ai/dot-agents/skills/mermaid/SKILL.md
Must read guide on creating/editing mermaid charts with valiation tools
$ install --global
skillsauthnpx skillsauth add lolwierd/dotfiles mermaidInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 18, 2026, 6:41 AM47.1s2 files scanned
SKILL.md
- name:
- mermaid
- description:
- Must read guide on creating/editing mermaid charts with valiation tools
Mermaid Skill
Use this skill to quickly validate Mermaid diagrams by parsing + rendering them with the official Mermaid CLI.
Prerequisites
- Node.js + npm (for
npx). - First run downloads a headless Chromium via Puppeteer. If Chromium is missing, set
PUPPETEER_EXECUTABLE_PATH.
Tool
Validate a diagram
./tools/validate.sh diagram.mmd [output.svg]
- Parses and renders the Mermaid source.
- Non-zero exit = invalid Mermaid syntax.
- Prints an ASCII preview using
beautiful-mermaid(best-effort; not all diagram types are supported). - If
output.svgis omitted, the SVG is rendered to a temp file and discarded.
Workflow (short)
- If the diagram will live in Markdown: draft it in a standalone
diagram.mmdfirst (the tool only validates plain Mermaid files). - Write/update
diagram.mmd. - Run
./tools/validate.sh diagram.mmd. - Fix any errors shown by the CLI.
- Once it validates, copy the Mermaid block into your Markdown file.
Related Skills
lolwierd/design-deck
development
VerifiedTrustedCommunity
Present visual options for architecture, UI, and code decisions with high-fidelity side-by-side previews. For comparing approaches visually — code diffs, diagrams, UI mockups, images — not for gathering structured input (use interview for that). Supports previewBlocks (code, mermaid, image, html), previewHtml, generate-more loops, and plan/PRD-driven flows.
1SKILL.mdUpdated May 18, 2026
lolwierd/visual-explainer
development
VerifiedTrustedCommunity
Generate beautiful, self-contained HTML pages that visually explain systems, code changes, plans, and data. Use when the user asks for a diagram, architecture overview, diff review, plan review, project recap, comparison table, or any visual explanation of technical concepts. Also use proactively when you are about to render a complex ASCII table (4+ rows or 3+ columns) — present it as a styled HTML page instead.
1SKILL.mdUpdated May 18, 2026
lolwierd/frontend-skill
development
VerifiedTrustedCommunity
Use when the task asks for a visually strong landing page, website, app, prototype, demo, or game UI. This skill enforces restrained composition, image-led hierarchy, cohesive content structure, and tasteful motion while avoiding generic cards, weak branding, and UI clutter.
1SKILL.mdUpdated Apr 26, 2026
lolwierd/cloudflare-deploy
devops
VerifiedTrustedCommunity
Deploy applications and infrastructure to Cloudflare using Workers, Pages, and related platform services. Use when the user asks to deploy, host, publish, or set up a project on Cloudflare.
1SKILL.mdUpdated Apr 25, 2026