做 AI Agent 动画生成或文字动效的开发者，终于有了一套可复用的规格化方案——不用再让 Agent 瞎猜风格，直接查表执行 24 种效果，建议试试集成到你的工作流。
Pixelpoint 的 Alex Barashkov 发布 Animate Text Skill，将 24 种精心打磨的文字动画效果固化为机器可读的 JSON 规格，让 AI Agent 不再凭直觉生成动画，而是查表执行。该 Skill 采用两层架构：portable motion contract（语义意图，库无关）和 exact reproduction contract（精确复现，含渲染器算法和适配器映射）。支持字符级、词级、行级和整体四种粒度的动画，兼容 Remotion、Motion/GSAP、CSS、Lottie/Rive 等任意渲染栈。与现有方案不同，它只交付规格不交付实现，Agent 需按翻译规则执行，从而在多种环境中复用。
Animate Text Skill：让 Agent 能创建好看的文字动画 这个 Skill 把 "反复复杂模糊的风格描述" 翻译成 "可执行规格"，把 24 种精心打磨的文字动画固化为机器可读的 ...
Animate Text Skill：让 Agent 能创建好看的文字动画 这个 Skill 把 "反复复杂模糊的风格描述" 翻译成 "可执行规格"，把 24 种精心打磨的文字动画固化为机器可读的 JSON，让 Agent 不再凭直觉生成动画，而是查表执行。 来自 Pixelpoint @alex_barashkov 安装地址： pixelpoint.io/skills/animate… 架构上的两层设计 1. assets/specs/*.json —— 可移植的"动机合约"（portable motion contract） 描述动画的语义意图：目标粒度（整体/逐字/逐词/逐行）、入场出场时长、缓动曲线、from/to 状态、stagger 节奏、swap 切换策略。它是库无关的，意图能在 GSAP、Motion、WAAPI、CSS、Lottie、Rive 任意栈中复刻。 2. assets/effects/*.json —— 精确的"复现合约"（exact reproduction contract） 包含完整的渲染器算法、播放循环、运行时倍率、舞台宿主要求、渲染契约，以及针对 WAAPI/Motion/GSAP 三个库的适配器映射（imports、时间单位转换、缓动转换、关键帧形态、完成回调、库特定注意事项）。 这种分层很关键：当用户说"用 Framer Motion 做一个 Apple 风的标题"，agent 走 portable 路径足够；当用户说"在我的 Remotion 项目里 1:1 复刻你网站上 kinetic-center-build 那个效果"，必须走 exact effects 路径。 24 种文字动画效果的分类 · per-character（字符级）：soft-blur-in、per-character-rise、typewriter、bottom-up-letters、top-down-letters、stagger-from-center、stagger-from-edges · per-word（词级）：per-word-crossfade、spring-scale-in、shared-axis-y、blur-out-up、depth-parallax-words、kinetic-center-build、short-slide-right、short-slide-down · per-line（行级）：mask-reveal-up、line-by-line-slide whole（整体）：micro-scale-fade、shimmer-sweep、fade-through、shared-axis-x/z、scale-down-fade、focus-blur-resolve 与同类方案的差异 市面上类似的动画"库"通常走两条路：要么是 React 组件库（绑定栈），要么是 CSS 动画合集（绑定渲染方式）。这个 skill 走第三条路——只交付规格，不交付实现。 带来的直接好处： · 在 Remotion 里能用（关键帧驱动） · 在 Motion/GSAP 里能用（命令式时间轴） · 在纯 CSS 里能用（keyframes + animation-delay） · 在 Lottie/Rive 里也能用（设计师按规格在 AE 里手搓） 代价是 agent 必须做翻译工作——而这正是 skill 存在的意义：把翻译规则也写清楚（references/implementation-notes.md、library-adapters.json）。 Alex Barashkov @alex_barashkov Teach your AI agents to create beautiful text animations. Exact specs wrapped as a skill - timings, curves, and effects. Library-agnostic, so it works with Remotion, Motion/GSAP, or plain JS/CSS. npx skills add pixel-point/animate-text --skill animate-text Example of usage: copy the name of the effect from the site and then /animate-text apply per-word-crossfade to the headline Link below: Your browser does not support the video tag. 🔗 View on Twitter 🔗 View Quoted Tweet 💬 0 🔄 0 ❤️ 2 👀 197 ⚡