Animation Flow

为项目生成可配置的动画组件。每个效果以可预览的 HTML 模板形式提供，AI 探测目标项目框架后按 component-spec.md 规范把 HTML 转换为对应组件——React / Vue / Svelte / 原生等均支持。

工作原理

技能将用户意图匹配到 templates/ 目录下的动画模板。每个模板包含 README（关键词、框架中立数据 schema、可调参数）和 effect.html（可直接浏览器打开预览的完整实现）。技能读取匹配的模板，探测目标框架，按 component-spec.md 规范转换并输出。

将用户请求匹配到以下模式（支持中英文）：

效果	关键词	用户想要什么
数字滚动	number-scroll, 数字滚动, counter, counting, 数字递增, 数字动画, 数字计数, 统计动画, 数据滚动	滚动到视口时数字从0递增到目标值——数据展示区、成就统计
Hover光效	hover-glow, hover光效, 光效, 扫光, 卡片光效, 鼠标跟随光效, card glow, 产品卡片, 产品展示卡片, 鼠标悬停效果	鼠标悬停时卡片出现扫光和径向光效——产品展示
手风琴	accordion, 手风琴, 折叠面板, 悬停展开, hover expand, 横向展开, 图片展开, 类别展示, interactive panels	横向排列的面板悬停时展开显示详情——类别展示
定屏滚动	fixed-scroll, 定屏滚动, sticky scroll, 固定滚动, 左固右滚, parallax scroll, 企业文化页面, 关于我们页面, sticky sidebar scroll	左侧固定右侧随页面滚动——企业文化、关于我们页面
文字打字	typewriter, 打字效果, 打字机, typing effect, text typing, 文字逐字显示, 逐字动画, 文字动画, 打字动画, 终端打字	文字逐字输入并循环展示多行——首页标语、代码展示