Three videos. One intelligence engine. Everything below is what gets built.
lyra start typed out. Status lines appear — adapters connecting, hub online, memory loaded. Forge orange glow radiates from center. "lyra" wordmark crystallizes from particles. Impact text slams in: PERSONAL INTELLIGENCE ENGINE.Ambient electronic underscore — sparse, industrial texture. Slow build from isolated synth pad (S01) through rising tension (S02) to a crisp forge-strike impact on the Lyra reveal (S03). Subtle metallic spark SFX on badge pops and connection draws. Crystallization sound on particle settle. Final chord holds under tagline with reverb tail. No licensed tracks — use royalty-free (Pixabay / Freesound: search "ambient electronic", "industrial synth", "spark sfx").
Obsidian background. Forge orange radial glow (left third). "LYRA" in Outfit 800 — large, white, uppercase. Subtitle: "Personal Intelligence Engine" in JetBrains Mono, forge orange. Bottom-right: terminal cursor blinking. No faces, no gradients beyond the glow. Maximum contrast for GitHub dark mode and Twitter card preview.
lyra start typed out. Lines scroll: "Hub online", "Telegram adapter ready", "Discord adapter ready", "Memory: loaded 47 episodic entries", "3 agents active". Forge orange status dots pulse beside each line. No voiceover music — only subtle ambient hum.lyra agent create research-agent typed. TOML file opens — 10 lines shown. lyra agent init runs. Telegram notification appears: new agent online. ChatInterface shows a test conversation with the new agent — it responds immediately. Badge: "New agent. 2 minutes."Ambient electronic — slightly warmer and more methodical than Video 1. Opens with sparse terminal ambience (subtle keyboard click texture). Builds through memory diagram into a confident mid-section pulse. Multi-channel scene gets a layered synth swell. Extension scene: a satisfying "connect" sound effect on agent creation. Tagline close: same chord as Video 1 for brand consistency. SFX: typing, notification chime (Telegram register), subtle data-flow hum on memory diagram.
Split composition: left half shows a real terminal with Lyra boot output (obsidian background, green/orange status lines). Right half shows a Telegram chat on a phone frame (forge orange accent). Horizontal dividing line in forge orange. Top-left: "DEMO" badge in JetBrains Mono. Bottom: "Lyra — Personal Intelligence Engine" tagline. Max readability at 320px wide (YouTube mobile).
lyra agent init runs. Telegram notification pops: "research-agent online." ChatInterface: first message to new agent — immediate response. Badge: "10 lines. 2 minutes. Done."Each clip: first frame is a bold black card with the clip topic in Outfit 800 — "MEMORY", "ALWAYS ON", "EXTEND" — in forge orange. Clip letter (A / B / C) in JetBrains Mono bottom-right. Used as static preview before autoplay. Twitter card pulls first frame automatically — design for it.
FORGE_BG = "#0a0a0f", FORGE_ORANGE = "#e85d04", FORGE_GRAY = "#6b7280". Import kit components by path. Load VO audio via staticFile("vo-launch.wav"). Pass timestamps JSON as prop to SyncedCaptions. All animation via useCurrentFrame() — zero CSS animations.src/kit-lyra/ directory for Lyra-specific variants: ForgeTerminal (terminal with Forge palette, status dot animations), ForgeArchDiagram (hub-and-spoke SVG animation for D04), ForgeMemoryLayers (five-level stack for D03). These wrap existing kits — no new animation primitives, just styled compositions.out/. Verify frame count against timing spec before committing output. Run typecheck first to catch component errors before long render. CRF 18 for master, CRF 23 for distribution copies.| Component | Used in | Purpose |
|---|---|---|
| Typewriter | S01 · S03 · D01 · D05 · Clip C | Terminal text, command input, code reveal |
| GlitchText | S01 · Clip C | Hook impact, reset effect |
| FadeText | S02 · D01 · D06 | Status lines, subheadings, URL reveal |
| StaggeredWords | S06 | Tagline word-by-word entrance |
| ImpactText | S03 · S06 · D06 · Clip A | Reveal moments, tagline, category name |
| FloatingCards | S02 · S04 · D03 · D04 | Architecture nodes, competitor cards, memory layers |
| Badge | S04 · S05 · D02 · D03 · D04 · D05 · Clip B · Clip C | Feature callouts, tech labels, stats |
| ChatInterface | D02 · D04 · D05 · Clip A · Clip B · Clip C | Telegram conversation simulation |
| PhoneFrame | S05 · D02 · Clip B | Mobile Telegram view, 3D float |
| NotificationToast | S05 · D05 · Clip B · Clip C | Telegram notification, agent online alert |
| BrowserTabs | D04 | Multi-channel platform view |
| AnimatedBar | D03 | Memory recall hit rate |
| ProgressRing | D03 · Clip A | Memory utilization, recall visualization |
| AnimatedLine | D03 · S04 | Data flow, architecture connections |
| Timer | D05 · Clip B | Response latency, agent creation time |
| GradientBackground | S03 · S06 · D06 · Clip A | Forge orange radial glow buildup |
| ParticleField | S03 · S05 | Crystallization reveal, spark scatter |
| GridPattern | S02 · S04 · D01 | Background texture, technical feel |
| FloatingOrbs | S04 · D04 | Hub node glow, soft background depth |
| FilmGrain | S01 · S02 · D01 · S06 | Cinematic texture throughout |
| Vignette | S01 · S06 · D06 · Clip B | Edge darkening, cinematic framing |
| LightSweep | S03 | Reveal sweep on crystallization |
| KenBurns | D02 | Slow phone float during Telegram scene |
| SyncedCaptions | S06 · D06 · All clips | Word-level captions from Whisper timestamps |
| Video | Platform | Format | Resolution | Notes |
|---|---|---|---|---|
| Launch Trailer | GitHub README | MP4 embed via HTML | 1920×1080 | Autoplay muted in README — add thumbnail attribute |
| Launch Trailer | Twitter/X | MP4 ≤5 Mbps | 1920×1080 | Upload natively, not as link — Twitter transcodes |
| Launch Trailer | Landing page hero | MP4 + WebM | 1920×1080 | Provide WebM fallback for Chrome performance |
| Product Demo | YouTube | MP4 master CRF 18 | 1920×1080 | YouTube transcodes — upload high quality master |
| Product Demo | Docs site | MP4 embed | 1920×1080 | Link to YouTube embed, not self-hosted |
| Product Demo | Landing deeper | MP4 + lazy load | 1920×1080 | Lazy load below fold, poster frame required |
| Clip A — Memory | Twitter/X | MP4 ≤5 Mbps | 1080×1080 | Square format — no letterbox |
| Clip A — Memory | MP4 | 1080×1080 | Add "Lyra" text overlay frame 0 for muted preview | |
| Clip B — Always On | Twitter/X | MP4 ≤5 Mbps | 1080×1080 | Strong first frame — 03:14 timestamp hook |
| Clip C — Extend | Twitter/X | MP4 ≤5 Mbps | 1080×1080 | Technical audience — no need to simplify |