claude-diagram

Generate and update Mermaid system diagrams from project architecture files.

2|Updated Jan 13, 2026

Search Tags:#automation #architecture #documentation #mermaid #visualization #diagrams

Ready to run

npx skills add https://github.com/erclx/aitk --skill claude-diagram

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: claude-diagram
Source: https://github.com/erclx/aitk/tree/main/claude/skills/claude-diagram
Command: npx skills add https://github.com/erclx/aitk --skill claude-diagram

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @mermaid-js/mermaid-cli.

What problem does it solve?

This skill eliminates the manual effort of keeping system diagrams in sync with evolving code, ensuring your architecture documentation remains accurate and up-to-date without constant maintenance.

Core Features & Use Cases

Automated Diagram Generation: Creates and updates Mermaid diagrams for system context, components, and data flows based on project files.
Consistency Enforcement: Uses standardized frontmatter and categories to ensure all diagrams follow a unified project structure.
Use Case: When you update your system architecture, run this skill to automatically refresh your deployment and component diagrams to reflect the new structure without manual drawing.

Quick Start

Ask the assistant to visualize the project architecture to generate or refresh all relevant system diagrams.

Frequently Asked Questions about claude-diagram

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

FAQPage Schema

How do I automatically generate Mermaid diagrams for my project architecture?▼

To generate Mermaid diagrams automatically, this skill scans project architecture and requirements files to produce system context, component structures, and data flows. It uses standardized markdown frontmatter to maintain consistent visualization across your documentation.

Why do my system architecture diagrams keep getting out of sync with my code?▼

System architecture diagrams become outdated when maintained manually alongside evolving code. This skill eliminates manual effort by automatically refreshing deployment and component diagrams to reflect structural updates whenever your project architecture changes.

Do I need Mermaid CLI installed to automate architecture documentation?▼

Yes, you need the Mermaid CLI installed as a dependency to automate architecture documentation. The skill requires integration with the Mermaid CLI to render and maintain visual diagrams from your project files.

What is the best way to document software component structures and data flows?▼

The best way to document component structures and data flows is using standardized frontmatter and categories within Mermaid diagrams. This enforces a unified project structure, ensuring software documentation remains accurate and consistently formatted.

Can I update existing system context diagrams without manual drawing?▼

Yes, you can update existing system context diagrams without manual drawing by asking the assistant to visualize the project architecture. The skill automatically refreshes relevant diagrams based on the latest project files and requirements.