让你的文字「动」起来:这个 Claude Skill 三分钟做出酷炫动态字体

你有没有刷到过那种文字跟着节拍跳动的视频——歌词一个字一个字弹出来,标题卡逐字展开,感觉整个画面都在「呼吸」?这种叫Kinetic Typography,动态字体设计。现在有个 Claude Skill,能让 AI 直接帮你做出来。

它能做什么

这个 Skill 叫 kinetic-typography,来自专注于 AI 视频工具的团队 iart-ai。装上之后对 Claude 说「帮我做个动态标题卡」「做个歌词视频」或者「给这段话加个字弹出来的动画」,它就能直接生成可运行的代码。

支持的动画形式相当全:

  • 逐字 / 逐词 / 逐行 stagger 出现
  • SplitText 拆字效果
  • 可变字体(Variable Font)字重渐变
  • 文字沿路径运动(Text on a Path)
  • 配合节拍的歌词视频

导出方式也灵活:CSS 动画、GSAP、Framer Motion、Remotion 都能生成,社交媒体标题、MV 字幕、品牌视频片头都能用。

实测感受

我拿「秋天的第一杯奶茶」测试了一下——输入文案,选择 GSAP 导出,Claude 直接给出了一段带时间轴的动画代码,复制到浏览器就能跑。从指令到可用的动画文件,大概 2 分钟。

最惊喜的是它的「反默认」策略:不会上来就给你一个平庸的 fade-in,而是主动尝试 stagger、弹性缓动、字符级控制这类更有表现力的手法。如果你做惯了千篇一律的 AI 视频,这个 Skill 会让你觉得:哦,原来 AI 还能做这种质感。

安装方式

在 Claude Code 里直接跑:

npx skills add iart-ai/kinetic-typography-skills

或者用插件市场:

/plugin marketplace add iart-ai/kinetic-typography-skills
/plugin install kinetic-typography-skills

支持 Claude Code、Cursor、Codex 等主流 Coding Agent。如果你在做品牌视频、社交媒体内容,或者单纯想给文字加点质感,这个 Skill 值得一试。

GitHub 仓库 →


GitHub: https://github.com/iart-ai/kinetic-typography-skills

评论区

0 条评论

登录后可评论。

赵一凡 72 阅读