用途:为 Tailwind CSS v4 项目提供过渡与动画的实现规范,覆盖 transition、animation、duration、easing、delay、motion-safe/motion-reduce 偏好变体、@theme 动效令牌以及静态类名安全。
主要能力:作为紧凑路由加领域检查清单使用,按任务条件加载内置参考文档;内置 references 涵盖 Tailwind v4 动效工具类、@theme 动效令牌、类名安全审计、响应式与动效偏好变体、语义化动效令牌命名,以及动画/主题/过渡属性等官方文档摘录。附带 audit CLI 与审计报告、评审清单模板。
使用方式:先检查目标仓库已安装的包、框架与运行时版本、本地设计令牌、无障碍策略和现有动效模式;优先使用显式过渡属性和令牌化的时长/缓动;用 motion-safe/motion-reduce 响应用户偏好;确保生成的类可被静态发现。审计命令:node scripts/audit.mjs doctor --root . --format json;node scripts/audit.mjs scan --root . --format markdown;node scripts/audit.mjs scan --root . --format json --output web-tailwind-motion-audit.json。
适用场景:Tailwind v4 Web 界面添加或审查过渡与动画、定义可复用动效令牌、审计由 props/CMS/映射动态生成的类名。
限制与边界:原始 CSS 关键帧或浏览器支持策略应改用 web-css-animations;由 React 状态或命令式时序控制的动效应使用 Motion/GSAP。不要生成无界的运行时类名字符串,transition-all 可能掩盖昂贵属性,Tailwind v4 令牌通常位于 CSS @theme 而非仅 JS 配置。编辑前须以目标仓库实际安装版本核对 API;脚本结果仅作线索,需回到当前代码验证。资料未提供定价、平台等信息。