Bonus: The Championship Highlights Reel 🏆 🎬

[blackgirlbytes]

Welcome Back, AI Engineer

The Hot Cocoa Championship was the talk of the festival. Your Day 3 visualizations were a hit at the awards ceremony - the tournament bracket, the vote distributions, the recipe comparisons. Everyone loved them.

But now the Marketing team wants something MORE.

Sofia, the Social Media Manager, rushes up to you with her phone:

"Look at this!" She shows you a viral sports highlight video - dramatic music, scores animating up, brackets filling in, confetti explosion when the winner is revealed.

"I want THAT... but for hot cocoa. The post-festival buzz is NOW. If we don't post something tonight, we miss the moment!"

She pauses, looking slightly embarrassed.

"There's just one problem. I don't know how to edit video. Like, at all. I tried iMovie once and somehow deleted everything. Twice."

She looks at you hopefully.

"But you have goose, right? I heard it can make videos now... from CODE? That sounds fake but I'm desperate."

---

🎯 Your Mission: Create The Highlights Reel

Help Sofia create a championship highlights video that she can post tonight.

This teaches you: How to use Agent Skills to give goose specialized knowledge - in this case, Remotion skills for programmatic video creation. Instead of learning video editing software, you describe what you want and goose generates the code AND renders the video.

---

📋 The Data (From Day 3)

You already have this from the Hot Cocoa Championship:

CHAMPIONSHIP RESULTS

ROUND 1 (Quarterfinals):
• Classic Swiss Velvet (234) defeated Spicy Mexican Mocha (189)
• Peppermint Dream (312) defeated Salted Caramel Swirl (298)
• Dark Chocolate Decadence (276) defeated White Chocolate Wonder (203)
• Cinnamon Fireside (267) defeated Hazelnut Heaven (245)

ROUND 2 (Semifinals):
• Peppermint Dream (445) defeated Classic Swiss Velvet (398)
• Dark Chocolate Decadence (512) defeated Cinnamon Fireside (387)

CHAMPIONSHIP FINAL:
• Dark Chocolate Decadence (678) defeated Peppermint Dream (623)

🏆 WINNER: Dark Chocolate Decadence!

FUN STATS:
• Total votes cast: 5,294
• Closest match: Peppermint Dream vs Salted Caramel Swirl (14 vote difference!)
• Biggest blowout: Dark Chocolate Decadence vs White Chocolate Wonder (73 votes)

---

🛠️ Getting Started

Prerequisites:

• Node.js 18 or later
• goose CLI or Desktop
• Skills extension enabled

Setup:

1. Enable the Skills extension in goose (Settings → Extensions → Skills)

2. Install Remotion Agent Skills:

npx skills add remotion-dev/skills

3. Ask goose to create your video!

Resources:

• Remotion Video Creation Tutorial
• Skills Extension Docs
• Remotion Agent Skills

---

💡 AI Engineering Skills You'll Learn

Today's Focus: Agent Skills & Programmatic Video

What are Agent Skills?

Agent Skills are packages of domain-specific knowledge that goose can load on demand. When you install Remotion skills, goose gains expertise in:

• Animation patterns and timing
• Video composition structure
• Text effects and transitions
• Audio synchronization
• Rendering best practices

Why this matters:

Instead of YOU learning Remotion's API, React patterns, and video rendering... goose loads that knowledge and applies it for you. You describe what you want, goose handles the implementation.

This is the future of specialized tools: Skills as packages.

Real-world applications:

• Marketing videos from data
• Automated social media content
• Product demos and tutorials
• Data visualization videos
• Personalized video at scale

---

📝 Requirements

Your video should include:

✅ Animated vote counts (numbers counting up dramatically)

✅ Winner reveal with celebration (text animation, maybe confetti!)

✅ At least 2 scenes with transitions between them

✅ Festive winter theme (colors, maybe snowflakes)

✅ Renders to an actual .mp4 file

✅ At least 10 seconds long

Example scenes you might create:

• Title card: "🏆 Hot Cocoa Championship Results"
• Vote animation: Bar chart or numbers racing up
• Final showdown: "Dark Chocolate Decadence vs Peppermint Dream"
• Winner reveal: Big dramatic moment with celebration
• Stats card: "5,294 total votes cast!"

---

🎁 Level Up (Bonus Challenges)

Beginner ⭐:

• Add background music
• Include more stats (closest match, biggest blowout)
• Add snowflake particle effects
• Customize the color scheme

Intermediate ⭐⭐:

• Create the full tournament bracket animation (all rounds)
• Add sound effects for the winner reveal
• Create a vertical version (9:16) for Instagram/TikTok
• Add animated captions

Advanced ⭐⭐⭐:

• Add a recipe comparison scene (radar chart animation)
• Create multiple video versions (full recap vs. short teaser)
• Add voice-over narration
• Sync animations precisely to music beats

Ultimate Challenge ⭐⭐⭐⭐:

• Build a parameterized video template that could work for ANY competition
• Accept data as input, generate unique video
• Create a recipe that combines data processing + video generation
• Make it so Sofia can generate next year's video herself!

---

📤 Share Your Work

📮 Required: Submit in the Advent of AI Discussion under Day 18.

What to share:

• Your rendered video file or a screen recording of it playing (required!)
• Screenshot of goose generating the Remotion code

Optional ideas:

• Which scene was your favorite
• How long it took from prompt to rendered video
• What surprised you about programmatic video
• The goose prompt that worked best for you

Tag us: Discord • Twitter/X • YouTube • LinkedIn • Bluesky

---

📚 Resources for AI Engineers

Essential Reading:

• Remotion Video Creation Tutorial
• Skills Extension Docs
• Remotion Documentation
• Remotion Agent Skills

Video Resources:

• Remotion in 100 Seconds

---

✅ Success Criteria

You'll know you've completed Day 18 when:

✅ You've installed Remotion Agent Skills

✅ goose loaded the skills and used them to generate video code

✅ Your video includes animated vote counts

✅ Your video has a winner reveal moment

✅ You have an actual .mp4 file you can play

✅ The video is at least 10 seconds long

✅ You understand that Agent Skills give goose specialized knowledge

✅ Sofia can post the video tonight!

---

🎓 The "Aha!" Moment

Previous days: You created static visualizations, web apps, and documents

Today: You created a VIDEO - from code, from data, rendered to a real file

The insight: Modern AI engineering isn't about learning every tool - it's about:

• Agent Skills as packages - goose loads expertise on demand
• Programmatic content - Videos generated from code, not edited by hand
• Data to media pipeline - The same championship data became charts (Day 3) AND video (today)
• Describe, don't design - You said what you wanted, goose handled the implementation

This is the power of Agent Skills:

Old way: Learn Remotion → Learn React → Learn animation principles → Write code → Debug → Render → Fix issues → Re-render

AI way: Install skills → Describe what you want → goose generates and renders → Done

Sofia doesn't need to learn video editing. You don't need to learn Remotion's API. The skills package contains that knowledge, and goose applies it.

What you just did:

• Day 3: Data → Static visualizations
• Day 18: Data → Animated video

Same data. Different output format. Both created by describing what you wanted.

Tomorrow... well, there is no tomorrow. You've completed Advent of AI! 🎉

But the skills you've learned - CLI automation, conversational development, MCP extensions, recipes, subagents, Agent Skills - these are the building blocks of modern AI engineering.

Go build something amazing. 🚀

---

Ready to create Sofia's highlight reel? Load those Remotion skills and let's make some video magic! 🎬🏆