Video Tutorials

A practical process for recreating complex web motion from a video reference. The workflow shows how to observe timing, direction, easing, glow, depth, rotation, and physics, then translate those details into prompts that Aura can use.

The lesson is especially useful for animated hero backgrounds, looped visual effects, and UI motion that is difficult to describe from a still screenshot alone.

A longer blueprint for using Gemini 3 and Aura to build polished, animated landing pages from a blank canvas. It covers market positioning, inspiration research, custom 3D assets, icon systems, typography, animation prompts, bento sections, editing, and responsive refinement.

Watch this when you want the full production workflow: from collecting references and writing the first hero prompt to polishing mobile views and turning the outcome into social assets or template-quality pages.

A section-by-section landing page workflow that starts with a screenshot, creates a new visual direction with ChatGPT Images, then rebuilds the page in Aura with GPT-5.5. The emphasis is controlled iteration instead of asking AI for a whole page at once.

It shows how to use Generate and Edit modes, maintain visual consistency across sections, refine the full page, and extract a reusable DESIGN.md file when the direction works.

A deep dive into using DESIGN.md as the source of visual DNA for AI-generated sites. The lesson explains how typography, color, spacing, radius, layout rhythm, and overall direction can be captured once and reused across prompts.

It also covers importing live site references, generating a base design with GPT-5.5, transforming a clone into an original Aura page, replacing assets, improving sections with references, and using skills and components to keep the page coherent.

A broad Gemini 3 workflow for moving beyond generic AI web design. The lesson combines inspiration gathering, reference-driven prompting, image-to-HTML, precise editing, style mixing, animation snippets, advanced backgrounds, and final polish.

Use this as the end-to-end tour for remixing templates into production-ready pages: it covers what to prompt, how to steer the model with visual references, where to edit manually, and how to add the finishing effects AI often misses.