Does this skill work in all terminals?

Yes, it uses standard UTF-8 box-drawing characters and limits output width to 80 characters for maximum terminal and markdown compatibility.

What types of diagrams can it generate?

It is optimized for architecture overviews, before/after comparisons, phased migration steps, data flow pipelines, and relationship/synergy maps.

How does staleness detection work?

The skill embeds metadata in your diagrams that tracks source file patterns and creation dates, allowing Claude to flag when a diagram might be outdated due to recent code changes.

Can I convert these diagrams to high-quality images?

While the primary output is text-based, the skill includes a Mermaid export feature that converts ASCII diagrams into Mermaid syntax for graphical rendering in tools like GitHub or Notion.

ASCII Diagram Creator

Name: ASCII Diagram Creator
Author: cskiro

bycskiro

0•

学习与文档

Generates terminal-compatible ASCII diagrams to visualize system architecture, data flows, and migration phases directly within your CLI.

This skill empowers developers to create clear, professional visual representations of their codebase and workflows using standard box-drawing characters. It goes beyond simple text by offering codebase auto-discovery, project-specific templates, and Git-aware staleness detection to ensure diagrams remain accurate as the code evolves. By providing export options to Mermaid and integration with pull request templates, it bridges the gap between terminal-based planning and high-level documentation, making it an essential tool for technical communication and architectural reviews.

主要功能

01Automatic codebase discovery for architecture and directory structure mapping

02Direct integration with PR templates and CLAUDE.md for proactive documentation

030 GitHub stars

04Terminal-compatible visual generation using professional box-drawing characters

05Mermaid syntax export for easy conversion to graphical formats

06Git-aware staleness detection to keep diagrams in sync with code changes

使用场景

01Visualizing system refactoring and before/after architectural changes

02Generating professional diagrams for PR descriptions and documentation files

03Mapping data flows and API interactions between microservices

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