visual-generator

Analyzes a codebase to generate Mermaid.js diagrams and Markdown visuals with source references.

Updated Nov 25, 2025
One-click install
npx skills add https://github.com/NikhilVijayakumar/Yantra --skill visual-generator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visual-generator
Source: https://github.com/NikhilVijayakumar/Yantra/tree/main/.agent/skills/visual-generator
Command: npx skills add https://github.com/NikhilVijayakumar/Yantra --skill visual-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visualizing complex software architectures and performance metrics for inclusion in research papers can be time-consuming and error-prone. This skill automates the generation of Mermaid diagrams (flowcharts, sequence diagrams, class diagrams, and architecture diagrams) and markdown visuals by analyzing the repository structure and code relationships. It outputs ready-to-embed visuals with descriptive captions and source references.

Core Features & Use Cases

  • Generate 2-3 diagram types per module (Flowchart, Sequence Diagram, Class Diagram, Architecture Diagram) to cover architectural and interaction perspectives.
  • Produce Markdown visuals including diagrams and performance tables suitable for paper sections and figure captions.
  • Validate against code structure to ensure all referenced components exist and provide source-file citations for reproducibility.

Quick Start

Run visual-generator on a repository to generate Mermaid diagrams and visuals ready for a research paper.

Frequently Asked Questions about visual-generator

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

FAQPage Schema
How do I automatically generate Mermaid diagrams for a research paper from a codebase?

You can generate Mermaid diagrams by analyzing your codebase structure and code relationships to produce ready-to-embed Markdown visuals with descriptive captions and source references for your research paper.

What types of architecture diagrams can I generate for software research papers?

You can generate 2-3 diagram types per module, including flowcharts, sequence diagrams, class diagrams, and architecture diagrams to illustrate architectural and interaction perspectives for software research papers.

How do I create markdown visuals that link architecture diagrams to source files?

You create markdown visuals linked to source files by validating outputs against the code structure, ensuring all referenced components exist and providing source-file citations for reproducibility.

Does automated diagram generation work without manual component mapping?

Yes, automated diagram generation works without manual mapping by analyzing the repository structure and code relationships directly to enforce quality rules and produce Markdown-ready visuals.

What is the best way to visualize software architecture and performance metrics in Markdown?

To visualize software architecture and performance metrics in Markdown, automate the generation of Mermaid diagrams and performance tables suitable for paper sections and figure captions.

When do I need automated codebase visualization for research papers?

You need automated codebase visualization for research papers when visualizing complex software architectures becomes time-consuming and error-prone, requiring validation against code structure for reproducibility.