Descriptions:
Nick Saraev walks through a three-step pipeline for building high-end animated websites using AI tools, demonstrating four finished examples — a headphones brand, a reforestation nonprofit, an interior design firm, and a space station concept — all built in roughly 15 minutes.
The workflow starts with Claude Code inside an IDE called Anti-Gravity, guided by a public GitHub skill repository created by a developer named Leon. This skill encodes luxury design principles, spacing rules, and layout schematics that enable one-shot website generation from a short natural-language prompt. The second step uses Kling 3.0, accessed through the Higsfield platform, to generate 5-second, 1080p cinematic video assets — rotating 3D globes, exploding architectural views, and orbital renders — at approximately $0.36 per clip on the Pro plan. The final step has Claude Code integrate these assets directly into the site with scroll-triggered parallax animations.
Saraev provides a detailed cost breakdown: roughly $2–$5 in Claude tokens per site plus $1–$2 in video generation credits, compared to the $5,000–$10,000 such sites would have commanded a few years ago. The tutorial covers prompt construction, Kling 3.0 generation settings (16:9, 1080p, 7.5 credits), file path handling, and iterative refinement using screenshots fed back to the coding agent to fix readability and layout issues.
📺 Source: Nick Saraev · Published March 16, 2026
🏷️ Format: Tutorial Demo
