Lesson 1: Exporting ComfyUI Workflows as Git-Versioned API JSON Graphs

1. The 15-Second Hook

Welcome to Lesson 1 of ComfyUI in Production: 3D Mascot Turnarounds & Generate-Then-Trace on CodingCat.dev. Today we break down Exporting ComfyUI Workflows as Git-Versioned API JSON Graphs and see how it powers our deterministic 3D AJ and code-rendered video pipeline.

2. Architecture Mental Model (Visual Diagram)

Look at the architecture diagram: on the left, vibe-prompted animations suffer from timer drift and unreviewed layout bugs. On the right, API JSON and Reproducible enforce a deterministic frame contract.

3. Show Me the Code (scripts/comfyui-turnaround-api.ts)

export async function queueComfyTurnaround(prompt: string, seed = 42) {
  const res = await fetch("http://127.0.0.1:8188/prompt", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({ prompt: buildTurnaroundGraph(prompt, seed) }),
  });
  return res.json();
}

In scripts/comfyui-turnaround-api.ts, we wire up the production implementation so both our browser runtime and headless renderer stay 100 percent synchronized.

4. Production Trade-Off Matrix

When we compare this deterministic 2026 pattern against legacy workflows in our trade-off matrix, we get exact frame reproducibility, automated critique gates, and zero licensing cost.

5. Verdict & AJ Pro-Tip

AJ Pro-Tip: Always verify frame 300 twice during your contact-sheet critique pass to confirm your API JSON setup has zero non-deterministic state leaks.

Adopt API JSON inside your studio folder today so every future launch film and 3D mascot animation builds on a reusable harness. Hit Subscribe and let's continue!