AI Native Academy
Lesson Video System
A template + animation kit for turning any AINA lesson into in-lesson chat clips, YouTube explainers, and social cuts. Every style reads the same JSON content layer — so swapping a lesson, or rendering all 30 through Hyperframes, is a one-line change.
Each card is the live, playable video — click Open to view full-screen. All twenty-four render the same Lesson 1.1; the Lesson 2.1 button proves the template generalizes to different content.
Calm, premium, brand-true. Playfair serif, gold-italic accents, signature wave lines. The default in-lesson companion.
Audio-overview player: two-host transcript, pulsing orb, live waveform. Conversational, friendly, podcast-coded.
Kinetic typography, hard cuts, retention hooks. High energy held inside the AINA palette — punchy without going neon.
The prompt-lab sandbox: typed lines, live tag annotations, an animated score readout. Technical, credible, demo-ready.
The in-lesson companion: an animated coach thread — vague ask, weak reply, the reframe, a structured prompt, a scored result. Looks like the product itself.
Animated systems diagram. Five inputs converge into one brief, then flow out to a usable draft. Bold, geometric, loops cleanly — ideal for workflow lessons.
Marker strokes that draw on, doodle stars and arrows, a ruled-paper feel. Friendly and teacherly — great for foundational concepts.
Feed-native 1:1 card. The lesson's mental model as a premium animated quote, with element pills and brand framing — built for the LinkedIn & Instagram feed.
Vague vs. briefed, side by side. The weak one-liner on the left, the five-element brief building on the right — the most direct way to show the lesson lands.
Strict 12-column grid, heavy sans, mono meta labels, surgical reveals. The most design-forward, restrained look — a cooler counterpart to Editorial.
Full-bleed footage with ken-burns, letterbox bars, and editorial lower-thirds. Drop your own photos into the three shot slots. Premium, documentary feel.
One animated counting number on deep navy with a gold glow. Scroll-stopping for the feed — each lesson surfaces a real, grounded stat.
An auto-advancing 4:5 carousel — cover, five element panels, CTA — with progress dots and a page counter. Built for the LinkedIn & Instagram swipe.
A six-panel comic strip with halftone, speech bubbles and a punchline. Playful and shareable — disarms a dry topic.
An animated cursor moves through the Luminous OS app — types a prompt, hits send, gets a score. The product, in motion.
An animated bar chart with counting numbers. Turns the lesson's payoff into one grounded, scroll-stopping stat.
A system-prompt “screenshot” with callout annotations that pin each line to its role. Reference-grade and precise.
Breaking-news broadcast energy — lower-third headlines and a scrolling ticker. Urgent, punchy, attention-grabbing.
Full-screen word-sync captions over color blocks that cut on the beat. A lyric-video feel for silent autoplay.
A 3D flip card — question to answer. Quiz-coded and instantly legible; perfect for a study-prompt feed post.
A single-voice podcast snippet — album art, waveform, captions, scrubber. For audio pull-quotes on the feed.
A teaser countdown — 3-2-1, then the lesson reveal and a tap cue. Built to promote a new drop in Stories, Reels, and Shorts.
An Instagram / Facebook Stories sequence — five tap-through frames with image-slot backgrounds and story bars. Drop your own photos.
Full-bleed vertical for Reels, Shorts, and TikTok. Karaoke captions, a stories-style progress bar, and a building element stack — designed for silent autoplay with the sound off.
Every style composes from one brand kit (kit/aina-kit.jsx) on top of a timeline engine. Mix any of these into a new render.
All copy, prompts, rubrics and caption tracks live in kit/lesson-data.js. Styles never hard-code lesson text — they read getLesson(). Retarget by URL, or inject per render.
Drop a lesson's content into LESSONS["x.y"] — the 12-beat script maps straight onto these fields.
The same object drives all five looks. No per-style copywriting; visuals stay consistent across formats.
Hyperframes injects __AINA_LESSON, captures at a fixed size, and batch-exports. Aspect ratios are set per style file.
Pull any kit component into a new style, or fork a style file. Brand tokens are centralized, so everything stays on-system.