Skip to content

Add video#9

Open
Yonom wants to merge 6 commits intomainfrom
video
Open

Add video#9
Yonom wants to merge 6 commits intomainfrom
video

Conversation

@Yonom
Copy link
Copy Markdown
Member

@Yonom Yonom commented Mar 23, 2026

Summary

  • Add Remotion video app (apps/video) for a ~44s launch showcase video
  • 7-scene story arc: tab chaos → logo reveal → browse models → compare → developer tools → open source → CTA
  • Playwright capture script (capture.ts) auto-generates screenshots and screen recordings from modelpedia.dev
  • pnpm capture to regenerate assets, pnpm dev to preview in Remotion Studio

Test plan

  • Run cd apps/video && pnpm dev and preview all 7 scenes in Remotion Studio
  • Run pnpm capture to verify screenshot/recording generation
  • Review VIDEO_SCRIPT.md for story and timing
  • Render final video with pnpm build

🤖 Generated with Claude Code

@vercel
Copy link
Copy Markdown

vercel bot commented Mar 23, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
modelpedia-web Ready Ready Preview, Comment Mar 23, 2026 11:00pm

Request Review

@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages bot commented Mar 23, 2026

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
modelpedia-api 381373f Commit Preview URL

Branch Preview URL
Mar 23 2026, 11:00 PM

- Make first tab visible immediately on frame 0
- Reduce tab stagger delay from 8 to 3 frames
- Move question/blur phases earlier (3.5s instead of 5s)
- Fix GitHub screenshot 404 by using real user agent
- Use addInitScript for dark mode injection before page load
- Fix compare URL to use correct param format
- Use Meta+A instead of Control+A for macOS compatibility

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Fix compare URL to use correct model ID (claude-sonnet-4-5)
- Inject dark mode CSS variables directly via addInitScript
- Add error handling for GitHub screenshot timeout
- Use domcontentloaded instead of networkidle for GitHub

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Increase homepage screenshot size in LogoReveal (700px height, less margin)
- Reduce REST API code panel stagger delay from 15 to 8 frames
- Both panels now fill in closer together for better visual balance

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Create reusable ScreenshotScene component (image + optional caption)
- Add EXTRA_SCREENSHOTS array in Showcase.tsx for easy configuration
- Screenshots auto-insert before TheClose with fade transitions
- Duration auto-calculates based on number of screenshots added

To add screenshots: place images in public/screenshots/ and add
entries to the EXTRA_SCREENSHOTS array in Showcase.tsx.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

2 participants