Skip to content
Back to Projects
AI Assembly Line

AI Assembly Line

A 7-day ComfyUI course site teaching AI image generation workflows. Built with Next.js 16 and Tailwind, featuring structured lessons and a knowledge base system.

Next.jsAIEducationComfyUI

What It Is

AI Assembly Line is a structured 7-day course that teaches AI image generation using ComfyUI, built as a Next.js 16 web application. It was born from documenting the learning process itself -- the confusion, the breakthroughs, the gotchas -- and turning that raw experience into teachable content. The philosophy: the struggle of learning IS the content.

The Course Structure

The curriculum progresses from zero to custom model training in seven days. Days 1-2 cover source installation (terminal, Python, Git, virtual environments), the model ecosystem (checkpoints, LoRAs, VAEs, CLIP encoders), and building txt2img workflows from scratch with every node wired by hand. Day 3 goes deep on LoRA training, dataset preparation, and cloud GPU workflows. Days 4-5 cover advanced techniques: img2img, upscaling with 4x-UltraSharp, face restoration with CodeFormer, and prompt engineering (CLIP tokenization, token weighting, negative prompts). Days 6-7 cover plugin development, knowledge systems, and real-world application.

Each lesson builds on the previous one, with the explicit goal of helping others get up to speed faster than the author did. The content was originally drafted in Notion as the learning happened in real-time, then restructured into a formal curriculum.

Technical Architecture

Built on Next.js 16 with React 19, Tailwind CSS v4, and MDX for lesson content. The @mdx-js/react integration allows writing rich lesson content with embedded code blocks, diagrams, and interactive elements. Supabase provides the backend for user progress tracking and the knowledge base system. The site uses remark-gfm for GitHub Flavored Markdown support in lessons.

The Knowledge Base

Beyond static lessons, the site includes a searchable knowledge base that catalogs ComfyUI node specifications, workflow patterns, common errors and their fixes, and model compatibility information. This same knowledge base architecture was later extracted and expanded for the ComfyUI plugin built during the Innovation Pitch project.

Tech Stack

Next.js 16, React 19, Tailwind CSS v4, @mdx-js/react, Supabase (SSR + JS client), remark-gfm, TypeScript.