全部 skill

React/Next.js 的高级动效模式：拖拽、手势、文字动画、SVG 路径绘制、自定义 hook、命令式序列、加载动画与完整的 API 决策树。依赖 motion-foundations。

React/Next.js 的动效基础设施：motion token、弹簧预设、性能规则、设备适配、无障碍与 SSR 安全。所有其他动效 skill 都基于它。

React/Next.js 的生产级动画模式：按钮、弹窗、Toast、错峰、页面转场、退出动画、滚动与布局，全部建立在 motion-foundations 的 token 与弹簧之上。

为生成具严格 AIDA 结构、宽大 hero 排版与无缝 bento 网格、重度 GSAP 的精英级前端页面时使用。

设计具高级字体、空间节奏、柔和纵深与流畅微交互的昂贵代理级界面时使用。

按严格的工艺、性能、无障碍与交互质量标尺评审动画与动效代码时使用。

设计或审查精致产品 UI 时，使用受 Emil Kowalski 启发的动画、交互与组件工艺指导。

可循环 CSS 动效组合：旋转环、地球仪、计时器、视差标签