Skills2026年3月29日·1 分钟阅读

Remotion Rule: Text Animations

Remotion skill rule: Typography and text animation patterns for Remotion.. Part of the official Remotion Agent Skill for programmatic video in React.

TO
TokRepo精选 · Community
快速使用

先拿来用,再决定要不要深挖

这里应该同时让用户和 Agent 知道第一步该复制什么、安装什么、落到哪里。

npx skills add remotion-dev/skills

This rule activates automatically when working with text animations in a Remotion project.


介绍

Typography and text animation patterns for Remotion.. Part of the Remotion AI Skill — the official Agent Skill for programmatic video creation in React.

Best for: Developers using Remotion for text animations Works with: Claude Code, OpenAI Codex, Cursor


Text animations

Based on useCurrentFrame(), reduce the string character by character to create a typewriter effect.

Typewriter Effect

See Typewriter for an advanced example with a blinking cursor and a pause after the first sentence.

Always use string slicing for typewriter effects. Never use per-character opacity.

Word Highlighting

See Word Highlight for an example for how a word highlight is animated, like with a highlighter pen.


🙏

来源与感谢

Created by Remotion. Licensed under MIT. remotion-dev/skills — Rule: text-animations

Part of the Remotion AI Skill collection on TokRepo.

相关资产