Conal Mullan
3057ab88cc
Both examples/quick-spot/build.py and examples/data-viz-chart/build.py hardcoded `/System/Library/Fonts/Supplemental/Arial Bold.ttf` and would crash with FileNotFoundError on Linux or Windows when PIL tried to open the font — despite the READMEs promising the examples run with "zero external assets." Replaced with a `platform.system()`-keyed fallback chain: - Darwin → Arial Bold / Arial (Supplemental, then /Library/Fonts) - Linux → DejaVu Sans Bold / DejaVu Sans (multiple path locations) - Windows → arialbd.ttf / arial.ttf If none of the candidate paths resolve (exotic distro, minimal install, etc.), falls back to PIL's bitmap `load_default()` so the example still runs — ugly rendering but no crash. Verified by deleting both .text_cache directories and re-rendering both examples on macOS. Output is visually identical to previous runs because the macOS paths are still the first candidates in the fallback chain. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Example Projects
Curated showcase projects demonstrating toolkit capabilities.
Available Examples
| Example | Stack | Contributor | Description | Complexity |
|---|---|---|---|---|
| hello-world | Remotion sprint-review | — | Minimal 25s video — zero config, renders in 2 minutes | Beginner |
| quick-spot | moviepy + PIL | — | 15s ad-style spot with audio-anchored timeline. Runs with zero external assets. | Beginner |
| data-viz-chart | moviepy + matplotlib | — | Animated time-series chart with deterministic title and source attribution. Runs with included data file. | Beginner |
| digital-samba-skill-demo | Remotion product-demo | Digital Samba | Marketing video for Claude Code skill | Intermediate |
| sprint-review-cho-oyu | Remotion sprint-review | Digital Samba | iOS sprint review for Digital Samba Mobile | Intermediate |
Note: Remotion examples include configs and documentation but NOT large media files — see each example's
ASSETS-NEEDED.mdfor what to create. The moviepy examples (quick-spot,data-viz-chart) are fully self-contained and run end-to-end withpython3 build.py.
Contributors
Thank you to these organizations and individuals for sharing their video projects:
| Contributor | Website | Examples Shared |
|---|---|---|
| Digital Samba | digitalsamba.com | digital-samba-skill-demo, sprint-review-cho-oyu |
Want your project featured? Run /contribute and select "Share an example project".
Using Examples
Remotion examples (hello-world, digital-samba-skill-demo, sprint-review-cho-oyu):
cp -r examples/example-name projects/my-project
cd projects/my-project
npm install
npm run studio
moviepy examples (quick-spot, data-viz-chart) — run in place, no copy needed:
cd examples/quick-spot # or examples/data-viz-chart
python3 build.py # produces out.mp4 in the example directory
These are fully self-contained references for the moviepy skill. Read the build.py and README.md in each.
Adding Demo Assets
Examples don't include large media files (videos, audio). To run them:
- Record demos - Use
/record-demoto capture screen recordings - Generate voiceover - Use
/generate-voiceoverwith the included script - Add music - Use
python tools/music.pyfor background tracks
Each example includes a ASSETS-NEEDED.md documenting what to create.
Contributing Examples
To share a project as an example:
- Run
/contributeand select "Share a template" (examples work similarly) - Or manually:
# Copy project to examples (without large media)
cp -r projects/my-project examples/
# Remove media files (these are gitignored anyway)
rm examples/my-project/public/demos/*.mp4
rm examples/my-project/public/audio/*.mp3
# Create asset documentation
# (describe what demos/audio are needed)
# Commit and PR
git add examples/my-project
git commit -m "Add example: my-project"
gh pr create
Example Structure
examples/example-name/
├── README.md # What this example demonstrates
├── ASSETS-NEEDED.md # What media to create
├── src/
│ └── config/
│ └── *-config.ts # Example configuration
├── public/
│ ├── demos/ # Empty (add your recordings)
│ ├── audio/ # Empty (add your voiceover)
│ └── images/ # Logos, screenshots (tracked)
└── VOICEOVER-SCRIPT.md # Script for narration