Menu
Skills How it works Pricing
Members Motion skillMotion design15–60 sec

Logo & UI Transitions

Five SVG logo and interface transitions for vertical shorts, with fictional UI studies, local narration, burned captions and editable scene-level animation.

Two original fictional interface motion studies, reviewed by the product owner on October 28, 2026. 9:16 · 0:20

What you get

  • Five reusable SVG transition patterns with stable scene IDs
  • Two fictional interface demo briefs in distinct palettes
  • 1080×1920 / 30 fps MP4, cover, burned captions, SRT, measured layout and render report
  • Scene-level incremental rendering and a local-edit frame comparison tool

You will need

  • Node.js 22+, FFmpeg/FFprobe and pinned HyperFrames 0.8.181
  • Local Kokoro environment for free English narration
  • A short brand name and rights to your own text

Good fit

  • Brand reveal tests and abstract interface transitions
  • Short original motion sequences and animation prototyping

Not for

  • Inventing a working software demo or claiming measured product results
  • Third-party logos without permission, custom logo file import, or horizontal video
  • A finished Lottie or transparent overlay export

You say

“Use Logo & UI Transitions to animate my brand name and interface transition sequence. Choose an orbit or grove palette, a pattern for each scene, short headlines and captions, then render a vertical video with local Kokoro narration.”

After installing, say something like this to your agent with your own topic and assets. It asks only for what is missing.

FAQ

Do I need an account?

Yes. Members Skills install from a signed-in FeedSkills account with an active Founding Membership.

What does it cost to run?

The Skill is included with Founding Membership. It needs the tools listed under “You will need”. Any voice, model or media service you choose bills you directly; FeedSkills does not include provider credits.

Can I use the videos commercially?

Videos you make are yours to use, including commercially. The Skill package is licensed as: FeedSkills Source-Available 1.0 · fonts SIL OFL 1.1. Fonts, music, footage and services you add keep their own terms.

Which agents does it work with?

Agents that read SKILL.md files, such as Codex or Claude Code. What FeedSkills has actually tested is listed under Tested scope below.

Tested scope

Version
0.1.1
Acceptance
This version has a recorded acceptance entry.
Tested
Two 20.4-second 1080×1920 / 30 fps films with local Kokoro narration. A one-scene headline revision rendered only s4; the other five scenes were frame-identical. Real SVG DOM measurements, SRT, covers, and all three Feed checks passed with 0 fail and 0 warn. The product owner approved both supplied films and the local-edit example on 2026-10-28; no further taste reasons were supplied. Fresh operating-system, physical social-app and real customer adoption checks remain separate.
Runs on
Claude Code · Codex · macOS · Node.js 22+ · FFmpeg
License
FeedSkills Source-Available 1.0 · fonts SIL OFL 1.1

Details

Original motion studies

Five coordinated SVG patterns: rotating logo lockup, circular reveal, sliding view, staggered interface cards and a wipe. NOVA and MINT are fictional animation studies, not captured software or endorsements. Both 20.4-second example films and the local-edit comparison were approved by the product owner on October 28, 2026.

Use the patterns

Start from an included English brief. Choose a pattern per scene, brand text you have rights to use, an orbit or grove palette, and concise headlines and captions. Create a project outside the installed Skill and render locally with Kokoro narration, or explicitly choose a silent cut. Outputs include MP4, cover, burned captions, SRT, measured SVG layout and a render report. Revise one scene by its stable ID; unchanged scene segments are reused.

This is a Members Skill. An active Founding Membership is required; the public catalog contains this summary and approved previews only. Package files use private, entitlement-checked delivery.

Scope and sources

Original FeedSkills SVG geometry and fictional UI. No third-party logo, photograph, music or personal voice is bundled. Archivo is included under SIL OFL 1.1; HyperFrames 0.8.181 and local Kokoro are separate runtime dependencies. See STYLE.md and THIRD_PARTY_NOTICES.md.

The package produces a complete vertical sequence and reusable editable scenes; it does not export Lottie, transparent overlays, horizontal video or custom logo-file imports. Use real captures and Product Demo when the goal is evidence of working software. A fresh operating system, physical social-app overlays and customer adoption remain separate checks.