skills.rest
akillness
akillnessCOMMUNITY
Explore all skills by this author →
Website𝕏@akillness0308GitHub

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
One-click install
npx skills add https://github.com/akillness/jeo-skills --skill codeflow-akillness
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
metaarchetechmetaarchetech

dev-state-overview

Aggregate GitHub, local git, ports, fleet, and Vault sync statuses.

Community
Intermediate
TrevorEdrisTrevorEdris
2

mermaid-diagrams

Create Mermaid diagrams from plain text in Markdown documents.

Community
Basic
dajneem23dajneem23

security-ownership-map

Analyze git history to map security ownership and compute bus factor.

Community
Advanced
swannysecswannysec
2

impact-flow

Analyze Python and TypeScript codebases to map dependencies, blast radius, health, and execution flow.

Community
Advanced