code-flow-viz

npx skills add majiayu000/claude-skill-registry --skill code-flow-viz-mmorit00-fund-portfolio-bot-2 --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

# 代码流程可视化规范 本 Skill 提供一套可复用的模板和方法，用于梳理代码流程、生成可视化文档。 > **核心原则**：用文字和 ASCII 图表讲清楚"数据从哪来、经过哪些层、最后到哪去"。 ## When to use 在以下场景使用本 Skill： - 用户询问"某个功能是怎么工作的" - 新增功能需要设计数据流 - 重构前需要梳理现有逻辑 - 编写技术文档或架构说明 - 代码评审时需要可视化调用链 ## 核心模板 ### 1. 完整流程图（多场景对比） 适用于：梳理一个功能的多种使用场景（如手动 vs 自动、成功 vs 失败） ``` ┌─────────────────────────────────────────────────────────────────────┐ │ 功能名称（如：限额管理全生命周期） │ └─────────────────────────────────────────────────────────────────────┘ ═══════════════════════════════════════════════════════════════════════ 场景 1：场景名称（如：自动查询限额状态） ═══════════════════════════════════════════════════════════════════════ 用户命令 │ ▼ ┌─────────────────────────────────────────────────────────────────┐ │ uv run python -m src.cli.xxx ... │ └────────────────┬────────────────────────────────────────────────┘ │ ▼ ┌────────────────┐ │ CLI 层 │ 调用 Flow 函数 │ _do_xxx() │ ────────────────────┐ └────────────────┘ │ ▼ ┌──────────────────────────┐ │ Flow 层 │ │ xxx_flow() │ └───────┬──────────────────┘ │ ▼ ┌─────────────────────────────┐ │ Data 层 │ │ XxxRepo / XxxClient │ └────────┬─────────────────────┘ │ ▼ ┌────────────────────────────┐ │ 外部系统 / 数据库 │ │ (SQLite / API / etc) │ └──────────┬─────────────────┘ │ 返回数据 ▼ ┌─