
mouse-lin/frame-smith
ResearchThis page was translated automatically. Technical details may differ from the original. View the original
frame-smith is a **, not a renderer. It reads your brief, registers, chooses an effects engine, lays out the beat timeline, adds music and sound effects, writes .tsx, and registers it into your Remotion Root. The real rendering is done by the video runtime it attaches to.
Overview
frame-smith is a **, not a renderer. It reads your brief, registers, chooses an effects engine, lays out the beat timeline, adds music and sound effects, writes .tsx, and registers it into your Remotion Root. The real rendering is done by the video runtime it attaches to. frame-smith is a video animation skill for AI coding assistants (like Claude Code), a "dynamic video version" of the UI design skill finesse—the same philosophy: just shifting from static typesetting to movement. For a brief ('Make a product launch opening' / 'Make this page a 15-second cinematic short film' / 'Vertical TikTok with subtitles'), frame-smith: 1. It says Remotion compositing but doesn't render—so you need to install or have ** Skill (just one is enough). If none of these are available, stop and install them, instead of producing a file you can't run. 2. —— cinematic (landscape 1920×1080, no narration, large text end) or short (portrait 1080×1920, Douyin/Xiaohongshu, can include subtitles). 3. —— Choose from the four prototypes above. 4. —— H0… Hn is measured in seconds, one beat per event, and the last beat must be **. 5. —— How to enter and exit text and elements: change entry vectors, stagger peaks, hero, and perform a single action (never "everything fades up together"). 6. —— Background music selected by energy + transition sound effects hit the beat + (sound is half the skill; No narration ≠ silent). 7. —— Export the three-piece set (X / XCover / X_FRAMES), pairing in Root, and the correct duration/frame rate/frame. 8. —— And prove that it really works (Studio preview or render a still frame). 1. —— A signature effect, fully executed. 2. —— It's a beat, not a chapter: hook, fast, one beat, one event, ending **. 3. —— Entry and exit are arranged with staggered peaks, not repeated. 4. —— Score + sound effects match visuals. Plus the connection structure welded together from four layers — every sound effect and every music drop falls on the same frame as the frame. One-sentence test: *Can you still understand it even when it's muted? Closing your eyes and listening only to the sound—doesn't it look like ** video? Do both fall into the same frame?* - (Recommended) — Effect template library: A usable Remotion project that directly borrows techniques from ready-made slides. - — Raw runtime (scaffolding, studio, render, registry), effects are written directly according to the frame-smith recipe. Already have a Remotion project but haven't installed the skill?
Overview (machine translated)
Chinese | English
frame-smith
**Animation-focused, engine-driven, never cheap promotional videos — produced in the form of Remotion synthesis. ** frame-smith is a director, not a renderer. It reads your brief, registers, selects an effects engine, lays out the beat timeline, adds music and sound effects, writes
.tsx, and registers it into your Remotion Root. The actual rendering is done by the video runtime it attaches to.
frame-smith is a video animation skill designed for AI coding assistants (such as Claude Code), serving as the “dynamic video version” of the UI design skill finesse—sharing the same philosophy: Advanced craftsmanship · Zero AI cheapness, just shifting from static typesetting to movement.
Four Effects Engine Prototypes
Left→right, top→ bottom: Poster-cube tumble · Capsule theme-flip · Architecture data-pulse · Particle-burst album. Each slide only carries one engine, maxed out at 100%.
How it works
For a brief (‘Make a product launch opening’ / ‘Make this page a 15-second cinematic short film’ / ‘Vertical TikTok with subtitles’), frame-smith:
- First, check the runtime (hard threshold). ** It writes Remotion compositing but doesn’t render—so you need to install [[T1] * or *
remotionone of the Skill (one is enough). If none of them exist, stop and guide the installation, rather than producing a file that won’t run properly. - Fixed Registers ——
cinematic(landscape1920×1080, no narration, large text end) orshort(vertical1080×1920, Douyin/Xiaohongshu, can include subtitles). - Choose an effects engine and set it to 100% — choose from the four prototypes above.
- Lay out the beat timeline ——
H0…HnMeasured in seconds, one beat per beat, one thing, and the last beat must land. - Reveal — How to enter and exit text and elements: Transform entry vectors, stagger peaks, hero actions alone (never “everything fades upward”).
- Sound Recording — background music selected by energy + transition sound effects placed on the beat + audio-visual synchronization (sound is half the skill; no narration ≠ no sound).
- Write and register compositing — Export the three-piece set (
X/XCover/X_FRAMES),pairing in Root, and correct duration/frame rate/frame frame.
This page was translated automatically. Technical details may differ from the original.
Recommended Tools
Try a different keyword or remove a filter.
Install
npx skillfish add mouse-lin/frame-smith