remotion-video
Remotion Video
Creates production-grade videos using Remotion — a React framework where video is code. Every frame is a React component. Animations use spring physics and frame-based interpolation.
Reference Files
| File | Purpose |
|---|---|
references/rules/fundamentals.md |
useCurrentFrame, useVideoConfig, interpolate, spring, core hooks |
references/rules/animations.md |
Easing, spring config, interpolateColors, timing patterns |
references/rules/compositions.md |
Composition, registerRoot, Folder, calculateMetadata |
references/rules/media.md |
Img, Video, OffthreadVideo, Audio, staticFile, async loading |
references/rules/text-and-fonts.md |
Google Fonts, local fonts, text measurement, typography |
references/rules/tailwind.md |
TailwindCSS integration, utility-first styling in Remotion |
references/rules/audio.md |
Audio component, volume curves, trimming, frame-synced audio |
references/rules/subtitles.md |
Caption system, SRT/VTT parsing, word-level timing |
references/rules/three-d.md |
@remotion/three, ThreeCanvas, React Three Fiber integration |
references/rules/charts.md |
Bar, pie, line chart animation patterns |
More from mathews-tom/armory
architecture-reviewer
Architecture reviews across 7 dimensions (structural, scalability, enterprise readiness, performance, security, ops, data) with scored reports. Triggers on: "review architecture", "critique design", "audit system", "assess scalability", "enterprise readiness", "technical due diligence". NOT for diagrams, use architecture-diagram.
61architecture-diagram
Generate layered architecture diagrams as self-contained HTML with inline SVG icons, CSS Grid containers, and connection overlays. Triggers on: "architecture diagram", "infra diagram", "system diagram", "deployment diagram", "topology", "draw architecture". NOT for architecture reviews, use architecture-reviewer.
61youtube-analysis
Extract YouTube transcripts and produce structured concept analysis with multi-level summaries, key concepts, takeaways. Uses youtube-transcript-api with yt-dlp fallback. Triggers on: "analyze youtube video", "youtube transcript", "summarize this video", "extract concepts from video", "video key points", or any youtube.com/youtu.be URL.
58concept-to-image
Turn concepts into static HTML visuals exported as PNG or SVG files via HTML/CSS/SVG. Triggers on: "create an image of", "export as PNG", "save as SVG", "concept to image", "screenshot this HTML". NOT for interactive HTML, use static-web-artifacts-builder.
57concept-to-video
Turn concepts into animated explainer videos using Manim (Python) with MP4/GIF output, audio overlay, multi-scene composition. Triggers on: "create a video", "animate this", "make an explainer", "manim animation", "motion graphic". NOT for React video, use remotion-video.
57code-refiner
Deep code simplification and refactoring preserving behavior across Python, Go, TypeScript, Rust. Targets complexity, anti-patterns, readability debt. Triggers on: "simplify this code", "refactor for clarity", "reduce complexity", "make this more readable", "tech debt cleanup", "too much nesting".
56