5223eec21c
Fix ComparisonCard and CalloutBox dark-theme passthrough in SceneRenderer. Add 8 demo-props JSON files (3 fixed originals + 5 new compositions). Update scene-director and compose-director skills with all 10 Remotion scene types and zero-key rendering guidance. Document the proven all-dark-background formula in remotion.md. Add cinematic renderer, onboarding skill, prompt gallery, and demo render script.
7.5 KiB
Prompt Gallery
Tested prompts that produce impressive videos. Copy any prompt into your AI coding assistant after running make setup.
Zero-Key Demos (instant, no API keys)
These render pre-built compositions using only Remotion components — animated charts, typography, data visualization. No external services, no cost, no waiting.
make demo # Render all three demos
./render-demo.sh world-in-numbers # Render one specific demo
./render-demo.sh --list # See all available demos
| Demo | Duration | What It Shows |
|---|---|---|
| world-in-numbers | 45s | KPI grids, bar charts, pie charts, line charts, comparison cards, stat reveals |
| code-to-screen | 50s | Developer education: HTTP request lifecycle with progress bars, charts, callouts |
| focusflow-pitch | 40s | Startup pitch deck: traction metrics, revenue donut chart, customer testimonial |
Zero-Key Prompts (free, works out of the box)
These use the full agent pipeline — research, scripting, asset generation, composition — using only free tools (Piper TTS, stock media, Remotion).
Data Explainer
"Make a 45-second animated explainer about why the sky is blue. Use data visualization and animated text — no images needed, just charts, stat cards, and typography."
What you get: Research-grounded script, Piper narration, Remotion-animated scenes with text cards, stat reveals, and callout boxes. Subtitles included.
Estimated time: 5-10 minutes | Cost: $0
Quick Fact Video
"Create a 60-second data-driven video about coffee consumption around the world. Include bar charts comparing countries and a pie chart of coffee types."
What you get: Animated data visualization with charts, comparison cards, and narrated facts. All data sourced from the research stage.
Estimated time: 8-12 minutes | Cost: $0
History Explainer
"Make a short explainer about how the internet works, with narration and animated captions. Keep it under 60 seconds."
What you get: Structured explainer with section titles, text cards, stat reveals, and TikTok-style word-by-word captions synced to narration.
Estimated time: 8-12 minutes | Cost: $0
Developer Education
"Create a 90-second animated explainer about how Git rebase works. Use animated diagrams and comparison cards to show rebase vs merge. Target audience: junior developers."
What you get: Technical explainer with comparison cards (rebase vs merge), callout tips, step-by-step animated text, and developer-friendly narration.
Estimated time: 10-15 minutes | Cost: $0
One-Key Prompts (FAL_KEY only, ~$0.50-$1.50)
Adding FAL_KEY to your .env unlocks FLUX image generation. These prompts combine AI-generated visuals with Remotion animation.
Science Explainer
"Create an animated explainer about how CRISPR gene editing works, with AI-generated visuals of DNA and cell diagrams. Make it 90 seconds, educational but exciting."
What you get: Research-backed script, FLUX-generated images with Ken Burns animation, spring-animated transitions, narration, subtitles, and music.
Estimated time: 15-20 minutes | Cost: ~$0.80
Product Teaser
"Make a product launch teaser for a fictional smart water bottle called AquaPulse. 45 seconds, modern and minimal, with AI-generated product shots."
What you get: Cinematic product teaser with FLUX-generated visuals, stat reveals (hydration data), comparison cards, and a punchy closing.
Estimated time: 12-18 minutes | Cost: ~$0.60
Marketing Explainer
"Build a 90-second explainer about the psychology of color in marketing. Use AI-generated images showing color associations and include data about color impact on purchasing decisions."
What you get: Research-grounded explainer with AI-generated color psychology illustrations, bar charts, pie charts, and narrated insights.
Estimated time: 15-20 minutes | Cost: ~$1.00
Full Setup Prompts (~$1-$3)
With video generation (Veo, Kling, Runway) + premium TTS (ElevenLabs) + music (Suno). These produce broadcast-quality content.
Cinematic Trailer
"Create a cinematic 30-second trailer for a sci-fi concept: humanity receives a warning from 1000 years in the future. Use motion video clips, a cinematic soundtrack, and dramatic title cards."
What you get: Veo/Kling-generated motion clips, cinematic title cards with signal texture effects, Hans Zimmer-style soundtrack, and dramatic pacing.
Estimated time: 25-40 minutes | Cost: ~$2.50
Animated Explainer (Premium)
"Make a 90-second animated explainer about quantum computing for middle school students. Use a fun narrator voice, custom soundtrack, and AI-generated visuals of qubits and quantum gates."
What you get: Full production: ElevenLabs narration, FLUX visuals, Suno soundtrack, Remotion composition with animated charts and text overlays.
Estimated time: 20-30 minutes | Cost: ~$2.00
Avatar Spokesperson
"Create a 60-second avatar spokesperson video announcing a company rebrand. Professional tone, clean background, with animated text overlays showing the new brand values."
What you get: HeyGen avatar video with TTS narration, overlaid section titles, stat reveals, and branded text cards.
Estimated time: 15-25 minutes | Cost: ~$1.50
For Specific Audiences
For Teachers
"Create a 3-minute animated explainer about photosynthesis for 8th graders. Make it fun and visual — use diagrams, charts showing energy conversion, and a friendly narrator voice."
For Developer Advocates
"Make a 60-second product demo video for our new REST API. Show the request/response flow with animated diagrams, include latency benchmarks as bar charts, and end with a quick start code snippet."
For Indie Hackers
"Create a 30-second Product Hunt launch video for my SaaS tool that helps teams track OKRs. Show 3 key features with animated stat cards and comparison views. Upbeat, modern."
For Content Creators
"Take my recent blog post about AI trends in 2026 and turn it into a 90-second video. Research current data to ground it, use animated charts for the statistics, and add a conversational narrator."
Tips for Better Results
Be specific about visual components. Instead of "make it look good," say "use bar charts for the comparison, a donut chart for the breakdown, and stat cards for the key numbers."
Mention your target audience. "For junior developers" or "for 8th graders" dramatically changes the script, pacing, and visual style.
Specify duration. The agent optimizes content density based on your target length. 45 seconds needs ~110 words of narration; 90 seconds needs ~225 words.
Request specific chart types. The system has bar charts, line charts, pie/donut charts, KPI grids, progress bars, comparison cards, and callout boxes. Name the ones you want.
Ask for the zero-key path. If you want free results, say "use only free tools" or "no paid APIs." The agent will route to Piper TTS, stock media, and Remotion-only compositions.
Contributing Prompts
Found a prompt that produces great results? Share it:
- Open a GitHub Discussion in the "Prompt Exchange" category
- Include: your prompt, a screenshot or description of the output, cost, and which providers you used
- The best prompts get added to this gallery with credit
This gallery is community-maintained. All prompts have been tested and produce complete videos.