메뉴
Create hand-tracked Remotion word animations that stretch between fingertips or body points. Use for beats like ON-SCREEN ANIMATIONS, WOW, or other words that should physically respond to a gesture.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
Build Mac-style desktop open and close animations for short-form videos. Use when a reel should start or end on a fake desktop, open a MOV file into a vertical video window, or loop back to the same desktop frame.
Render Remotion captions and motion components as a transparent overlay and composite them over a locked video base. Use when adding on-screen components, avoiding Remotion flicker, or keeping iPhone SDR color stable.
Improve short-form video voice audio with Cleanvoice. Use when the user wants studio-quality phone/selfie audio, before/after audio demos, or a timing-preserving voice replacement pass for Reels, TikToks, Shorts, or vertical video.
Plan and build first-last-frame AI video transitions for short-form videos. Use when the user wants a flick, swipe, push, house zoom, portal, or other generated transition between two real clips using Comfy Cloud, Seedance, Kling, Higgsfield, or another first/last frame video model.
Build or refine the local Remotion Claude prompt modal overlay for short-form videos. Use when the user asks for a Claude Desktop-style modal, a typed Claude prompt, keyboard typing audio, send-button press/loading animation, or wants to add the `claude_prompt_modal` overlay to a ContentCopilot caption config.
Build or refine the local Remotion FFmpeg cutting modal overlay for short-form videos. Use when the user asks for an ffmpeg process card, command-line video edit visualization, filmstrip, cut-cut animation, removed middle segment, rejoined clip, or wants to add `ffmpeg_cut_modal` to a ContentCopilot caption config.
SOC 직업 분류 기준
| name | finger-stretch-words |
| description | Create hand-tracked Remotion word animations that stretch between fingertips or body points. Use for beats like ON-SCREEN ANIMATIONS, WOW, or other words that should physically respond to a gesture. |
Use this skill to attach big typography to hand movement.
Day 5's final reference config is:
.context/day_05_finger_stretch/day_05_finger_stretch_preview_timing_5f_onscreen_25p_faster_wow_hold5f_wow_ul_bigger_start_lower.json
The implementation lives in:
captioner/src/WorkflowOverlays.jsx
Look for FingerStretchWordsOverlay.
pointKeyframes.finger_stretch_words overlay to the caption config.{
"type": "finger_stretch_words",
"start": 18.23,
"end": 21.05,
"words": ["ON-SCREEN", "ANIMATIONS"],
"fontFamily": "Manrope",
"fontWeight": 900,
"textColor": "#ffffff",
"accentColor": "#ff6f61",
"centerOffsetX": 0,
"centerOffsetY": -60,
"visualPullEnd": 0.72,
"tiltStart": 0.58,
"tiltDegrees": -8,
"pointKeyframes": []
}
Fill pointKeyframes from tracking output or copy from the reference config when working on the same footage.
tiltStart earlier; do not shorten the whole overlay unless the cut demands it.Render a short window only:
node captioner/render-captioned.mjs \
--config .context/day_05_finger_stretch/day_05_finger_stretch_preview_timing_5f_onscreen_25p_faster_wow_hold5f_wow_ul_bigger_start_lower.json \
--frame-range 540:660
Check that the words track the hands, do not jitter, and exit before the next visual transition.