DEDUPEDWhat do you want to do?
3 use cases
-
Map an unfamiliar codebase in one offline diagram
Get a shareable architecture diagram of a new project to learn its modules and dependencies fast.
View prompt
Use the QGraphFlow q-flow skill on the project at <project-path>. Generate an architecture diagram showing the main modules, their dependencies and system boundaries, and write it under docs/qgraphflow/. Verify that the output folder contains index.html and graph.json, and report any relationships the diagram marks as uncertain.
-
Trace a business flow as a sequence diagram with source lines
Turn an order or checkout flow into a sequence diagram that cites the file and line behind each call.
View prompt
Use the q-flow skill from the QGraphFlow repo on <project-path> to generate a sequence diagram of the <flow-name> flow, covering its synchronous calls, asynchronous messages, retries and failure compensation as they appear in the source. Save the result under docs/qgraphflow/<flow-slug>/ and verify that each call has a source file and line reference.
-
Fail CI when a committed diagram drifts from the code
Validate committed diagrams against the repo in CI so stale architecture views get flagged.
View prompt
In the repo <repo-path>, add a GitHub Actions workflow that validates every docs/qgraphflow/*/graph.json with `npx -y qgraphflow validate` using --input-only and --repo-root, as shown in the QGraphFlow README. Run the validation locally and report any diagram whose recorded files, lines or symbols no longer match the source.
Quick start with Qgraphflow
- Check you have what it needs: Node.js 22 or later; A plugin-capable client such as Claude Code, Codex, Cursor or Qoder, with model access configured; A local checkout of the application project you want to diagram.
- Open supermax92/qgraphflow on GitHub and read the README and license.
- Run
npx skills add supermax92/qgraphflowto install the q-flow skill. - Open your application project in your client and start a new session.
- In Claude Code, enter
/q-flow Help me draw this project. I want to understand it as quickly as possible. - Open the generated index.html in your browser and use search, zoom and pan to explore responsibilities and upstream or downstream relationships.
These steps come from our top use case, Map an unfamiliar codebase in one offline diagram, which also has a copy-paste agent prompt.
Use this in your AI agent
Ask your agent
Using the Deduped MCP, get the setup steps for supermax92/qgraphflow
Add Deduped to Claude Code once
claude mcp add --transport http deduped https://dedupedai.com/mcp
Every Monday: the 5 hottest repos and exactly how to use them. Free, one email a week, unsubscribe anytime.
Get them freeQgraphflow alternatives · Best AI repos for Software and DevOps
About this repo
- Who it is forDevelopers and engineering leads who need to understand, document, or keep an existing codebase's structure and call flows current.
- Why it is hot109 stars, launched 50 days ago
- LanguageJavaScript
- Sourcegithub.com/supermax92/qgraphflow · Back to Hot repos
Requirements
- Node.js 22 or later
- A plugin-capable client such as Claude Code, Codex, Cursor or Qoder, with model access configured
- A local checkout of the application project you want to diagram
Add this badge to your README
Maintain Qgraphflow? Show readers where to find these use cases. 
Markdown
[](https://dedupedai.com/use-cases/supermax92-qgraphflow/?utm_source=github&utm_medium=badge&utm_campaign=supermax92-qgraphflow)
HTML
<a href="https://dedupedai.com/use-cases/supermax92-qgraphflow/?utm_source=github&utm_medium=badge&utm_campaign=supermax92-qgraphflow"><img src="https://dedupedai.com/badge/supermax92/qgraphflow.svg" alt="Use cases on Deduped" height="20"></a>
A static image, no tracking script. About the badge
Questions about Qgraphflow
What is Qgraphflow?
QGraphFlow is a JavaScript skill that turns source code, schemas, configuration and requirements into interactive software diagrams with source evidence, offline HTML, and SVG or PNG export. It is an open-source project on GitHub: https://github.com/supermax92/qgraphflow.
How do I use Qgraphflow?
Run npx skills add supermax92/qgraphflow to install the q-flow skill; then open your application project in your client and start a new session; in Claude Code, enter /q-flow Help me draw this project. I want to understand it as quickly as possible. The use cases on this page give the full steps and a copy-paste agent prompt for each job.
Who is Qgraphflow for?
Developers and engineering leads who need to understand, document, or keep an existing codebase's structure and call flows current.
What can I do with Qgraphflow?
3 use cases so far, for example: Map an unfamiliar codebase in one offline diagram; Trace a business flow as a sequence diagram with source lines; Fail CI when a committed diagram drifts from the code. Each has steps and a copy-paste agent prompt.
What do I need to run Qgraphflow?
Node.js 22 or later; A plugin-capable client such as Claude Code, Codex, Cursor or Qoder, with model access configured; A local checkout of the application project you want to diagram.
What are alternatives to Qgraphflow?
Other hot AI repos in Software and DevOps: Deep Infer, Harness2, Orca, Opencode, Graphify.
Is Qgraphflow safe to run?
Deduped does not own, audit or vouch for it. Read the README and license, run it on your own systems first and review every command before you run it.