md-flowchart-optimize

Convert wide boxed ASCII flowcharts in Markdown into compact tree formats.

2|Updated May 12, 2026

Search Tags:#documentation #markdown #flowchart #ascii #format conversion #mobile readability

Ready to run

npx skills add https://github.com/youfengknight/Android-Code-Skills --skill md-flowchart-optimize

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: md-flowchart-optimize
Source: https://github.com/youfengknight/Android-Code-Skills/tree/main/other/md-flowchart-optimize
Command: npx skills add https://github.com/youfengknight/Android-Code-Skills --skill md-flowchart-optimize

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It fixes overly wide ASCII flowcharts in Markdown that cause horizontal scrolling or unreadable layouts on mobile screens.

Core Features & Use Cases

Mobile-friendly Flowchart Restructuring: Converts wide box-based ASCII flowcharts into a compact tree-style layout for narrow displays.
Readable Branch Formatting: Rewrites branching logic using clear symbols such as ├─, └─, and vertical continuation lines.
Action-Oriented Decision Formatting: Turns boxed conditions into inline questions with --是--→ and --否--→ style transitions.

Quick Start

Use the md-flowchart-optimize skill to convert the ASCII flowchart in your Markdown document into a compact, mobile-readable tree structure.

Frequently Asked Questions about md-flowchart-optimize

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

FAQPage Schema

How do I fix ASCII flowcharts in Markdown that are too wide for mobile screens?▼

To fix wide ASCII flowcharts in Markdown for mobile screens, convert boxed diagrams using border characters into a compact tree format. This restructures wide layouts into vertical tree branches with line-length limits, eliminating horizontal scrolling and ensuring readability on narrow displays.

What is the best way to convert boxed ASCII flowcharts into a readable tree structure?▼

The best way to convert boxed ASCII flowcharts into a readable tree structure is to re-render the diagram using tree branch symbols like ├─ and └─. This preserves the original logic while replacing wide border characters with compact vertical continuation lines.

How do I format decision branches in ASCII flowcharts for narrow mobile displays?▼

To format decision branches in ASCII flowcharts for narrow mobile displays, rewrite boxed conditions as inline questions using style transitions like --是--→ and --否--→. This action-oriented formatting eliminates wide boxes and maintains logical clarity on compact screens.

When should I optimize Markdown flowcharts for mobile readability?▼

You should optimize Markdown flowcharts for mobile readability when flowcharts use border characters and become too wide or display incorrectly on mobile screens. This is especially necessary for decision branches and linear flows that cause horizontal scrolling.