skills.rest
HuynhHoangPhuc
HuynhHoangPhucCOMMUNITY
Explore all skills by this author →
GitHub

sl:preview

Generate ASCII diagrams, Mermaid charts, or prose explanations for code architecture.

Updated Mar 12, 2026
Search Tags:#architecture#documentation#mermaid#codebase#visualization#diagram#ascii
One-click install
npx skills add https://github.com/HuynhHoangPhuc/solon --skill sl-preview
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: sl:preview
Source: https://github.com/HuynhHoangPhuc/solon/tree/main/plugins/solon-core/skills/preview
Command: npx skills add https://github.com/HuynhHoangPhuc/solon --skill sl-preview

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate visual explanations for unclear code architecture.

Core Features & Use Cases

  • ASCII diagrams for terminal-friendly viewing
  • Mermaid diagrams for architecture and data flows
  • Prose explanations to accompany diagrams

Quick Start

Provide a topic or code area and the skill will generate ASCII diagrams and Mermaid charts.

Frequently Asked Questions about sl:preview

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

FAQPage Schema
How do I generate visual diagrams for a complex codebase architecture?▼

You can generate visual diagrams for a complex codebase by providing a topic or code area to produce ASCII diagrams, Mermaid charts, and prose explanations. This visualizes unclear architecture for onboarding and reviews.

What is the best way to visualize code architecture in a terminal environment?▼

The best way to visualize code architecture in a terminal environment is using ASCII diagrams. The skill renders terminal-friendly ASCII formats alongside Mermaid charts and prose explanations for clear codebase visualization.

Can I use Mermaid charts for codebase documentation and data flow visualization?▼

Yes, you can use Mermaid charts for codebase documentation and data flow visualization. The skill generates Mermaid diagrams specifically for mapping architecture and data flows, alongside ASCII diagrams and prose explanations.

How do I create an architecture diagram from an existing code area?▼

To create an architecture diagram from an existing code area, input the topic into the skill to trigger topic extraction and mode selection. It then renders the output as an ASCII or Mermaid diagram with accompanying prose.

Does this visual explanation generator support prose output alongside diagrams?▼

Yes, this visual explanation generator supports prose output alongside diagrams. It produces prose explanations to accompany ASCII and Mermaid diagrams, ensuring comprehensive documentation for codebase architecture reviews.

Related Skills

Explore More Software Engineering Skills→
mayurpisemayurpise
39

init

Generate architecture diagrams and context files for brownfield codebases.

Community
Advanced
TrevorEdrisTrevorEdris
2

mermaid-diagrams

Create Mermaid diagrams from plain text in Markdown documents.

Community
Basic
KrystianYCSilvaKrystianYCSilva

markdown-expert

Create Markdown documentation with Mermaid diagrams and GFM tables.

Community
Intermediate
twhsitwhsi
256

obsidian-graph-view

Render JSON data into spherical node graphs with customizable styling.

Community
Advanced