SkillKinetic Title Video
A logo sting that draws itself — rendered from code, ready for any brand.
Works with: Claude Code, Codex, Cursor, Muse · Version 1.0 · Needs: Node.js 18+ and npm; renders locally with Remotion (first run downloads a headless Chrome).
Download free Unlock all Premium Skills
Preview
What you get
- Complete Remotion project (composition + render script)
- Draw-in arc animation driven by a single SVG path
- Spring wordmark and tagline reveal, timed in frames
- Square 1080x1080 MP4 output; retime and reformat in Root.tsx
About this Skill
Renders a 5-second kinetic title sting as an MP4: an arc mark draws itself stroke by stroke, the name lands with a spring, and a tagline fades up. Built on Remotion, so the whole frame is a function of time — change the name, tagline, colors, or the mark's SVG path and re-render a pixel-perfect sting for any brand, channel, or launch.
Try it
scripts/render.sh ./title-sting.mp4Good fit
- Product launches and channel intros
- Brand idents for demos and talks
Not for
- Live-action footage or AI-generated video
How to install
- Copy the install prompt into your agent:
Read https://skillu.dev/install/agent.md, then install the Kinetic Title Video skill (kinetic-title-video). - Or download the Skill package from this page after launch and place its folder in your agent's skills directory.
- Call it with a slash command, e.g.
/kinetic-title-video, and describe what you want in plain words.
FAQ
Do I need video-editing experience?
No. Edit the name and tagline text in one component, run one command, and the MP4 renders itself.
Can I use my own logo mark?
Yes — replace the ARC_PATH value with any single-path SVG logo; the draw-in animation follows it.