Can I use emojis in my diagrams?

Emojis are safe for graph titles and legends, but should be avoided inside diagram boxes because their double-width rendering breaks the monospace alignment of the ASCII borders.

How do I ensure my diagrams stay maintainable?

This skill mandates including a collapsible HTML block containing the original graph-easy DSL source code immediately following every rendered diagram.

Why use ASCII instead of Mermaid or images?

ASCII diagrams are rendered as plain text, meaning they are visible in any text editor, require no external rendering engine to view on platforms like GitHub, and are fully searchable and diffable in version control.

What is 'boxart' mode?

Boxart mode uses specific Unicode characters to draw smooth, continuous lines for boxes and arrows, providing a much cleaner and more professional look than standard ASCII characters like '+' and '-'.

Graph-Easy ASCII Diagrams

Name: Graph-Easy ASCII Diagrams
Author: terrylica

byterrylica

•

학습 및 문서화

Generates professional ASCII and Unicode architecture diagrams for GitHub Flavored Markdown using the graph-easy layout engine.

This skill enables developers to create, render, and maintain complex architecture diagrams directly within their documentation as pure text. By leveraging the Graph::Easy engine, it automates the layout of flowcharts, system designs, and pipelines, ensuring diagrams are version-controllable, readable in any text editor, and rendered perfectly on GitHub without the need for external image hosting or specialized rendering tools.

주요 기능

01Integrated workflow for embedding diagrams with maintainable source code blocks

02High-quality Unicode 'boxart' rendering for professional-looking documentation

032 GitHub stars

04Automatic layout engine for complex node-and-edge relationships

05Support for grouped components, labeled edges, and multiple flow directions

06Zero external image dependencies for documentation portability

사용 사례

01Mapping out logic trees and decision paths in design documentation

02Visualizing system architecture and data flows in project READMEs

03Documenting deployment pipelines and CI/CD workflows within technical specs

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add terrylica/cc-skills graph-easy

For use in Claude.ai and ChatGPT

Download Skill