Communitygithub.com

pixel-point/animate-text

精心策划的文本动画目录,提供标题、标签、计数器和文本切换的精确JSON规范。当AI代理需要选择或翻译像soft blur in、typewriter、shared axis、line reveal、stagger、crossfade或kinetic builds等命名效果到WAAPI、Motion、Framer Motion、GSAP、CSS、Lottie、Rive或类似技术栈时使用。

animate-text 是什么?

pixel-point/animate-text 是一个精心策划的文本动画目录,专门为AI代理和开发者设计。它提供了标题、标签、计数器和文本切换的精确JSON规范,支持将命名效果(如soft blur in、typewriter、shared axis、line reveal、stagger、crossfade或kinetic builds)直接翻译成WAAPI、Motion、Framer Motion、GSAP、CSS、Lottie、Rive等流行动画技术栈。该技能的核心优势在于提供了一个标准化的效果库,避免了每次手动编写动画代码的重复劳动,并确保动画在不同项目间的一致性。通过其结构化JSON格式,开发者可以快速集成并调整动画参数,同时AI代理能基于这个目录准确选择合适的动画效果并生成对应平台的代码。该技能适用于任何需要文本动画的Web开发项目,尤其适合使用JavaScript动画库或CSS动画的团队。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/pixel-point/animate-text/tree/main/skills/animate-text

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

animate-text 是做什么的?

精心策划的文本动画目录,提供标题、标签、计数器和文本切换的精确JSON规范。当AI代理需要选择或翻译像soft blur in、typewriter、shared axis、line reveal、stagger、crossfade或kinetic builds等命名效果到WAAPI、Motion、Framer Motion、GSAP、CSS、Lottie、Rive或类似技术栈时使用。

相关技能