Video Tutorials

A media-first Aura workflow for moving beyond generic AI landing pages. The lesson starts with a DESIGN.md design system, plans the sections and interactions, generates multiple directions, and uses screenshot references to make each visual feel specific to the product.

From there, the workflow batch-generates contextual section images, turns selected images into short videos, and polishes playback behavior so the final page feels designed rather than assembled from stock-style placeholders.

A full image-first landing-page workflow that starts by asking GPT Image 2.0 to imagine a premium AI interior design website section by section. Instead of asking code generation to invent the entire page from a blank prompt, the lesson creates visual references for the hero, philosophy, style library, process, intelligence, pricing, CTA, and footer.

From there, the walkthrough uses GPT-5.5 to recreate and refine each section in HTML. The useful lesson is the loop: generate a strong visual direction, translate it into code, then use human judgment to improve spacing, typography, image treatment, cards, interactions, pricing, and final polish.

A full walkthrough for turning visual references into an animated WebGL landing page workflow inside Aura. The lesson starts with inspiration gathering and image variation, then moves into Gemini prompts, DESIGN.md, WebGL motion, Matter.js physics, and final page assembly.

Use it when you want a landing page to feel designed and interactive instead of static. The focus is prompt structure, reference handling, remixing without copying, and tightening the strongest generated direction.

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 workflow for improving AI-generated UI by giving Aura a DESIGN.md file before refining a landing page. The lesson compares a plain detailed prompt, a simple skeuomorphic style instruction, and a stronger DESIGN.md reference so the difference in visual identity is easy to see.

After the first pass, the video focuses on the real refinement loop: improving navigation, replacing generic sections, adapting Aura components with ChatGPT, and carrying the same visual DNA through pricing, FAQ, CTA, footer, and motion polish.

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.