danshapiro

Skill Flowchart — Data skill for Claude Code

Data community

Turn a codebase, workflow, or prompt pipeline into a polished, interactive HTML flowchart — a skill for AI coding agents.

How to install Skill Flowchart

This entry records only its repository, not the path inside it, so there is no exact command to give. Open danshapiro/skill-flowchart and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Skill Flowchart does

Turn a codebase, workflow, or prompt pipeline into a polished, interactive HTML flowchart — a skill for AI coding agents.

Alternatives in Data

Archify — Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self 17.2k ★
HTML Anything — ✨ The agentic HTML editor — your local AI agent writes the HTML, you ship it 8.5k ★
HTML Video — Programmatic video for coding agents — HTML to video on your laptop 4.5k ★

README

Flowchart

Turn a gnarly codebase, workflow, or prompt pipeline into a polished, interactive flowchart you can actually explore.

Flowchart is a **skill** for AI coding agents — Claude Code, Codex CLI, Kimi CLI, and OpenCode. Point your agent at a system and ask for a flowchart; it reads the real code, builds a hierarchy, and renders a single self-contained HTML file that stays simple at the top and lets you drill into detail on demand.

And since you're here for flowcharts, here's the skill's own output — an interactive map of a wholly serious system, rendered by the tool itself:

Screenshot of an interactive flowchart titled 'The Automated Excuse Generator': a five-step row — Spot the Delay, Gather the Facts, Write the Excuse, Believable Enough?, Send It — with a 'too flimsy' retry loop, a saved-note artifact, colour-coded groups, and an inspector panel showing the selected step's model and verbatim prompt.