COMFY — FIELD MANUAL

WORKSHOP-03.01 · 2 VOLUMES · SLIDEV

Hybrid video production with ComfyUI. A two-class masterclass series — outpainting (Vol. 01) and video-to-video (Vol. 02). Slidev decks deployed to slides.ward.run.

COMFY Field Manual Vol. 01 — cover slide with wireframe vehicles

Vol. 01 deck Vol. 02 deck GitHub

Two classes, taught back-to-back, on using ComfyUI for production rather than as a toy. The deck format is a "field manual" — every slide carries a section ID, an annotation strip, and a barcode strip; presentation lives at slides.ward.run and is reused for the cohort. Both decks are embedded below.

Vol. 01 — Outpainting

An introduction to ComfyUI through one production task: outpainting. Five sections — pilot brief, setting up, nodes / models / utils, features explored, run wild. Tooling lands on FLUX Fill (flux1-fill-dev in fp16 or Q8 GGUF for sub-24GB VRAM) wired through ComfyUI-Manager, ComfyUI-GGUF, and ComfyUI_essentials. By the end of the class the cohort has a working outpaint workflow they can extend.

Use ←/→ to advance. Open Vol. 01 in a new tab.

Vol. 02 — Video-to-Video

Building a full car-chase scene frame by frame, node by node. Four sections — pilot brief, the set up (cloud GPU on RunPod / Vast.ai), the nodes, run wild. The pipeline chains three model families: image nodes (OpenAI / Gemini image gen for key frames), video nodes (Kling for motion + v2v transform), tying it together (stitch, score, final render). The deck itself is animated — three.js wireframe scenes drive the section transitions to match the subject matter.

Use ←/→ to advance. Open Vol. 02 in a new tab.

Stack

Slidev: Markdown-driven slides with Vue components and Vite HMR. Each deck is a self-contained project — no shared theme, no shared node_modules.
Custom field-manual theme: Per-deck style.css — barcode strips, micro-section IDs, Japanese subtitles, ghost numerals; intentionally over-designed for a workshop deck.
three.js scenes (Vol. 02): Background presets (cf_tandem, cf_swarm, cf_heliattack) wired into Slidev via a small mount script in setup/main.ts.
GitHub Actions → Pages → Cloudflare: Push to main, the workflow builds every deck and publishes to GitHub Pages; slides.ward.run is a CNAME at Cloudflare pointing at the Pages site.