codeflow

Visualize GitHub repos, local folders, PRs, or Obsidian vaults as interactive architecture maps.

40|9|Updated Jan 4, 2026

Search Tags:#blast-radius #dependency-graph #security-scanner #architecture-map #codeflow #codebase-visualization #note-graph

Ready to run

npx skills add https://github.com/akillness/jeo-skills --skill codeflow-akillness

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: codeflow
Source: https://github.com/akillness/jeo-skills/tree/main/.agent-skills/codeflow
Command: npx skills add https://github.com/akillness/jeo-skills --skill codeflow-akillness

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires git, and includes scripts (resource) components.

What problem does it solve?

Visualize any GitHub repo, local folder, PR, or Obsidian vault as an interactive architecture map that runs entirely in your browser, with no backend and no data collection.

Core Features & Use Cases

Interactive dependency graph with drag-and-zoom exploration.
Blast-radius analysis to see what breaks when a file changes.
Code ownership from git history and a heuristic security scanner.
Pattern/anti-pattern detection, health score, activity heatmap, and PR impact analysis.
Note graph support for wiki-links and Obsidian vault notes, plus export options.

Quick Start

Install the CodeFlow installer, clone the CodeFlow repository, and open index.html to begin analyzing a codebase in your browser.

Frequently Asked Questions about codeflow

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

FAQPage Schema

How do I visualize a codebase architecture map directly in my browser?▼

You can visualize a codebase architecture map in your browser by loading a GitHub repo, local folder, PR, or Obsidian vault into an interactive dependency graph that runs entirely client-side with no backend.

How do I analyze the blast radius of a file change in a GitHub repository?▼

Blast-radius analysis identifies what breaks when a file changes by mapping its dependencies and impact across the codebase, allowing you to explore the potential fallout interactively before committing modifications.

Can I generate a dependency graph for a private local folder without sending data to a server?▼

Yes, you can generate a dependency graph for a private local folder without a server because the architecture map runs entirely in-browser, loading in-repo data locally with no data collection.

Does codebase visualization work for non-code files like an Obsidian vault?▼

Yes, codebase visualization works for an Obsidian vault by generating a note graph that maps wiki-links and vault notes, applying the same interactive exploration used for source code analysis.

What export formats are available for a dependency graph and blast radius analysis?▼

Dependency graph and blast radius analysis results can be exported to JSON, Markdown, SVG, and PDF formats, including a CodeFlow Card designed for embedding the interactive architecture map elsewhere.

Do I need git installed to map code ownership and run a security scanner?▼

Yes, you need git installed to map code ownership because the tool derives ownership data from git history, while the heuristic security scanner evaluates the codebase structure for potential vulnerabilities.