skills.rest
fjrevoredo
fjrevoredoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

diagram-maintainer

Edit and regenerate Mermaid and D2 diagram sources with SVG verification.

287|18|Updated Feb 14, 2026
Search Tags:#documentation#mermaid#diagrams#d2#visual-review#source-management
One-click install
npx skills add https://github.com/fjrevoredo/mini-diarium --skill diagram-maintainer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: diagram-maintainer
Source: https://github.com/fjrevoredo/mini-diarium/tree/main/.agents/skills/diagram-maintainer
Command: npx skills add https://github.com/fjrevoredo/mini-diarium --skill diagram-maintainer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of maintaining, updating, and reviewing complex diagram sources to ensure visual clarity and correctness.

Core Features & Use Cases

  • Diagram Refresh and Validation: Regenerate SVGs from Mermaid and D2 sources, verify their presence and visual consistency.
  • Source Code Management: Edit diagram source files (.mmd, .d2) directly to reflect codebase changes.
  • Review Light/Dark Variants: Preview diagrams in different modes to ensure readability and aesthetic consistency.
  • Use Case: When updating system architecture or workflow diagrams, use this skill to keep diagrams synchronized with code and maintain visual quality.

Quick Start

Use the diagram maintainer skill to regenerate all diagram SVGs after editing their source files and review the rendered versions.

Frequently Asked Questions about diagram-maintainer

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

FAQPage Schema
How do I update Mermaid and D2 diagrams to reflect codebase changes?▼

To update Mermaid and D2 diagrams, you edit the source files directly and use the skill to regenerate SVGs, verifying visual consistency and semantic accuracy against the codebase.

What is the best way to keep documentation diagrams visually consistent in light and dark modes?▼

Reviewing diagrams in light and dark variants ensures visual clarity and aesthetic consistency. The skill provides rendering scripts to preview and validate readability across different display modes.

How do I validate generated SVG files from Mermaid sources?▼

Validating generated SVG files from Mermaid sources involves running the skill's verification scripts to confirm their presence in documentation and check their visual consistency after rendering.

Can I edit D2 diagram sources directly in my technical documentation workflow?▼

Yes, you can edit D2 diagram source files directly within your technical documentation workflow. The skill supports codebase updates to maintain consistent abstraction layers across multiple diagram types.

Does this diagram maintenance process support both Mermaid and D2 formats?▼

Yes, the diagram maintenance process supports both Mermaid and D2 formats. It provides tools for editing, regenerating, and verifying source files to maintain diagram quality in technical documentation.

Related Skills

Explore More Software Engineering Skills→
danielbaustindanielbaustin
4

diagram-author

Convert bounded design surfaces into source-grounded diagram packets.

Community
Advanced
markacianfranimarkacianfrani
6

drawio

Generates native draw.io XML diagrams for technical documentation and visual modeling, with optional export to PNG, and SVG/PDF via installed desktop app.

Community
Intermediate
KrystianYCSilvaKrystianYCSilva

markdown-expert

Create Markdown documentation with Mermaid diagrams and GFM tables.

Community
Intermediate
davpatel605-beepdavpatel605-beep

architecture-diagram

Generate dark-themed SVG architecture diagrams as standalone HTML documents.

Community
Intermediate