← Back to Skills Marketplace
Code Flow Visualizer
by
HonestQiao
· GitHub ↗
· v1.0.0
633
Downloads
0
Stars
3
Active Installs
1
Versions
Install in OpenClaw
/install code-flow-visualizer
Description
Convert Python, JavaScript, or TypeScript functions into Mermaid flowcharts to visualize code logic and structure clearly.
README (SKILL.md)
Code Flow Visualizer
将代码转换为 Mermaid 流程图表示,便于理解代码逻辑流程。
功能
- 分析代码逻辑结构
- 生成 Mermaid 流程图
- 支持 Python、JavaScript、TypeScript
使用方式
当用户需要可视化代码流程时说"可视化代码"或"生成流程图"。
示例
用户: 帮我把这个Python函数生成流程图
助手: (使用 code_flow_visualizer skill)
工具
使用 Mermaid JS 或 PlantUML 生成图表。
限制
- 仅处理单一函数/方法
- 不支持 goto 语句
- 复杂循环可能简化显示
Usage Guidance
This skill is internally consistent and does not request credentials or installs. It returns Mermaid-format flowchart code (not a rendered image), so you'll need a Mermaid-compatible viewer to render diagrams. Because the implementation is simple (regex/AST-based example in skill.yaml), expect simplifications or occasional inaccuracies for complex functions — test with non-sensitive example code first. Avoid pasting secrets or private credentials into any skill. If you need precise, production-grade control-flow analysis, prefer a skill that documents a full parser/AST library or provides source code for review.
Capability Analysis
Type: OpenClaw Skill
Name: code-flow-visualizer
Version: 1.0.0
The skill is designed to convert code into Mermaid flowchart representations. The `SKILL.md` instructions are straightforward and do not contain any prompt injection attempts. The `skill.yaml` provides a simplified JavaScript example that performs string manipulation to generate Mermaid syntax. There is no evidence of data exfiltration, unauthorized execution, persistence, or any other malicious intent. While a poorly implemented Mermaid renderer could potentially be vulnerable to crafted input within the generated Mermaid string, this is a vulnerability of the rendering environment, not an intentional malicious act by the skill itself, which merely performs a string transformation.
Capability Assessment
Purpose & Capability
Name and description match the provided SKILL.md and skill.yaml: both describe extracting control flow and returning Mermaid flowchart code for a single function. There are no unrelated environment variables, binaries, or config paths requested.
Instruction Scope
SKILL.md confines actions to analyzing a single function and producing Mermaid/PlantUML output. It does not instruct reading arbitrary system files, accessing external endpoints, or exfiltrating data. It includes reasonable limitations (single function, simplified loops).
Install Mechanism
There is no install specification and no code files to write to disk. The skill is instruction-only, so nothing is downloaded or installed by the skill itself.
Credentials
The skill requests no environment variables, credentials, or config paths. This is proportionate for a code-to-diagram converter.
Persistence & Privilege
The skill does not request always:true or any elevated persistence. It is user-invocable and can be used normally by the agent without special privileges.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install code-flow-visualizer - After installation, invoke the skill by name or use
/code-flow-visualizer - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
Initial release of Code Flow Visualizer.
- Converts code into Mermaid flowcharts for easier logic visualization
- Supports Python, JavaScript, and TypeScript functions/methods
- Responds to triggers like "可视化代码" or "生成流程图"
- Generates diagrams using Mermaid JS or PlantUML
- Handles single functions/methods only; does not support goto statements or complex loops
Metadata
Frequently Asked Questions
What is Code Flow Visualizer?
Convert Python, JavaScript, or TypeScript functions into Mermaid flowcharts to visualize code logic and structure clearly. It is an AI Agent Skill for Claude Code / OpenClaw, with 633 downloads so far.
How do I install Code Flow Visualizer?
Run "/install code-flow-visualizer" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Code Flow Visualizer free?
Yes, Code Flow Visualizer is completely free (open-source). You can download, install and use it at no cost.
Which platforms does Code Flow Visualizer support?
Code Flow Visualizer is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Code Flow Visualizer?
It is built and maintained by HonestQiao (@honestqiao); the current version is v1.0.0.
More Skills