code-flow-viz

Generate ASCII code flow diagrams with CLI, Flow, and Data layers.

Updated Nov 7, 2025
One-click install
npx skills add https://github.com/MMorit00/fund-portfolio-bot --skill code-flow-viz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: code-flow-viz
Source: https://github.com/MMorit00/fund-portfolio-bot/tree/main/.claude/skills/code-flow-viz
Command: npx skills add https://github.com/MMorit00/fund-portfolio-bot --skill code-flow-viz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

本 Skill 提供可复用的模板与方法,用于梳理和可视化代码流程,帮助对现有代码进行清晰的流程梳理、设计新功能的数据流,以及编写技术文档。

Core Features & Use Cases

  • 可复用的流程模板:完整的多场景对比流程图模板
  • ASCII 流程图、数据流图与表格分析:以文本图示方式呈现复杂流程
  • 适用于设计、评审与文档撰写:帮助团队对照场景、对比改动

Quick Start

为指定功能生成一个完整的 ASCII 代码流程可视化草图,包含多场景对比的流程图、数据流和对应表格分析。

Frequently Asked Questions about code-flow-viz

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

FAQPage Schema
How do I visualize code flow with ASCII diagrams for architecture documentation?

Visualizing code flow with ASCII diagrams involves generating structured text-based representations of data paths. It clarifies feature logic for architecture documentation by clearly separating CLI, Flow, and Data layers.

What is the best way to generate an ASCII data flow diagram for a new feature design?

The best way to generate an ASCII data flow diagram for a new feature design is using reusable templates. These templates produce structured visualizations that outline data paths and compare multiple scenarios for technical review.

Can I use ASCII flow charts to compare multiple scenarios during code review?

Yes, you can use ASCII flow charts to compare multiple scenarios during code review. The structured visualizations support scenario comparison and outline data paths to help teams evaluate changes against existing code.

Does code flow visualization require separating CLI, Flow, and Data layers?

Code flow visualization requires clear separation of CLI, Flow, and Data layers to accurately represent processing logic. This separation ensures the ASCII diagrams properly distinguish user commands, execution flow, and data paths.

When do I need ASCII-based diagrams instead of other flow chart formats for software design?

You need ASCII-based diagrams for software design when you require reusable, text-based templates for documentation. They are particularly suited for comparing multiple scenarios and outlining data paths in plain text environments.

What are the limitations of using ASCII diagrams for code flow visualization?

ASCII diagrams for code flow visualization are limited by their text-based format, which may struggle with highly complex or overlapping data paths. They are designed for structured template generation rather than interactive graphical rendering.