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

0•

Developer Tools

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.

Key Features

01Built-in templates for common stacks like Next.js, Express, and Monorepos

02Professional ASCII formatting using box-drawing characters for terminal compatibility

03Automated staleness detection and versioning to keep diagrams in sync with code

04Automatic codebase discovery to map project structures and architecture patterns

050 GitHub stars

06Export functionality to Mermaid syntax for high-resolution graphical rendering

Use Cases

01Visualizing complex system architecture and module relationships during design phases

02Mapping data flows and API pipelines to communicate logic to team members

03Documenting before-and-after states for refactoring or migration pull requests

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add cskiro/claudex ascii-diagram-creator

For use in Claude.ai and ChatGPT

Download Skill