Can I convert these diagrams to images?

While the primary output is text-based, the skill includes a Mermaid export feature that allows you to generate graphical diagrams from your ASCII layouts for use in documentation sites.

Can it auto-generate diagrams from my existing code?

Yes, the skill features codebase auto-discovery that scans your directory structure and architecture patterns to populate initial diagrams without manual input.

Is the output compatible with all terminals?

Yes, diagrams are limited to an 80-character width and use standard box-drawing characters compatible with most modern terminal emulators and markdown viewers.

How does the staleness detection work?

It uses metadata tracking and Git-aware file monitoring to flag diagrams that may no longer accurately represent the current state of your codebase based on file modification dates.

ASCII Diagram Creator

Name: ASCII Diagram Creator
Author: cskiro

bycskiro

개발자 도구

Generates professional, terminal-compatible ASCII diagrams to visualize system architecture, data flows, and migration phases.

소개

This skill transforms complex technical structures into clear, 80-character wide ASCII diagrams directly within the terminal environment. It proactively assists developers during refactoring, migrations, and documentation phases by automatically scanning project structures and suggesting visual representations. With support for box-drawing characters, Mermaid syntax export, and Git-aware staleness detection, it ensures that your architectural documentation stays synchronized with your codebase and is ready for inclusion in pull requests or project documentation.

주요 기능

Built-in templates for common stacks like Next.js, Express, and Monorepos
Professional ASCII formatting using box-drawing characters for terminal compatibility
Automated staleness detection and versioning to keep diagrams in sync with code
Automatic codebase discovery to map project structures and architecture patterns
0 GitHub stars
Export functionality to Mermaid syntax for high-resolution graphical rendering

사용 사례

Visualizing complex system architecture and module relationships during design phases
Mapping data flows and API pipelines to communicate logic to team members
Documenting before-and-after states for refactoring or migration pull requests

소개

주요 기능

Built-in templates for common stacks like Next.js, Express, and Monorepos
Professional ASCII formatting using box-drawing characters for terminal compatibility
Automated staleness detection and versioning to keep diagrams in sync with code
Automatic codebase discovery to map project structures and architecture patterns
0 GitHub stars
Export functionality to Mermaid syntax for high-resolution graphical rendering

사용 사례

Visualizing complex system architecture and module relationships during design phases
Mapping data flows and API pipelines to communicate logic to team members
Documenting before-and-after states for refactoring or migration pull requests