DEDUPED Hot AI repos, turned into use cases Get the Monday 5

How to trace a business flow as a sequence diagram with source lines with Qgraphflow

Turn an order or checkout flow into a sequence diagram that cites the file and line behind each call.

Short answer: Run npx skills add supermax92/qgraphflow if the skill is not installed yet; then open the project in your client and start a new session; Enter a request that names the flow, the steps to cover, the output language and the output folder, for example /q-flow Analyze the order creation flow in the current project and generate a sequence diagram. Mark the source files and line numbers for components and calls. All steps.

Who it is forA backend engineer who must explain or change a multi-service flow such as order creation, and needs to see the real call order.

The problemCall order, retries and failure branches are spread across files, so they are easy to misremember or miss in a review.

The outcomeA sequence diagram saved to a folder, with each component and call tied to source files and line numbers, plus an SVG you can embed in a pull request or wiki.

What you need first

  • 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

Steps

  1. Run npx skills add supermax92/qgraphflow if the skill is not installed yet.
  2. Open the project in your client and start a new session.
  3. Enter a request that names the flow, the steps to cover, the output language and the output folder, for example /q-flow Analyze the order creation flow in the current project and generate a sequence diagram. Mark the source files and line numbers for components and calls. (inferred, check the README)
  4. Open docs/qgraphflow/index.html to explore the diagram, then check a few calls against their recorded source lines.
  5. Embed the generated diagram.svg in a README, pull request or wiki page.

Prompt for your agent

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.

Caveat. The diagram only retains facts supported by evidence, so flows that exist only in documentation or in runtime behavior will not be fully represented.

Use this in your AI agent

Ask your agent

Using the Deduped MCP, get the setup steps for supermax92/qgraphflow and "Trace a business flow as a sequence diagram with source lines"

Add Deduped to Claude Code once

claude mcp add --transport http deduped https://dedupedai.com/mcp

Cursor, ChatGPT, others

Share: X LinkedIn Hacker News Email Copy link

Third-party repos we don't own. AI-written use cases can be wrong. Disclaimer