update-visualizations
CommunityKeep architecture diagrams accurate as code evolves
Design & Creative#documentation#mermaid#architecture diagrams#dev tooling#git diff analysis#code-to-doc sync#visualization index
AuthorAndreJorgeLopes
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill prevents stale architecture and workflow documentation by updating Mermaid visualizations after recent code changes, so diagrams stay aligned with how the project actually works.
Core Features & Use Cases
- Change-aware diagram updates: Analyzes recent Git diffs to identify which visualizations are affected.
- Config-driven visualization discovery: Locates visualization configuration via .devflow/visualizations.json, ~/.config/devflow/visualizations.json, or common docs folders.
- Automated diagram creation and index maintenance: Creates missing diagrams using the project’s style guide and updates the visualization index (README) accordingly.
- Hands-off workflow for documentation upkeep: Stages and commits visualization updates with a descriptive message.
Quick Start
Run the update-visualizations skill and let it analyze your latest Git changes, then automatically update and commit the affected Mermaid diagrams.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: update-visualizations Download link: https://github.com/AndreJorgeLopes/devflow/archive/main.zip#update-visualizations Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.