motion-direction
为混合常规内容与“惊艳”动效的网站进行动画艺术指导——决定哪些元素做动画、哪些保持静止，选择合适的工具（CSS、Motion for React、GSAP + ScrollTrigger、Lenis、Three.js/R3F、Lottie、View Transitions），设定动效系统（时长、缓动、错峰），并保持快速、可访问且移动端安全。适用于用户想要动画化、交互式、获奖风格或“酷炫”的网站、落地页、作品集、首屏、滚动效果、页面过渡，或提出“加点动画”、“让它更有活力”、“像 Awwwards 网站那样”，甚至在选择库之前。
机器翻译查看英文原文
Art-direct animation for websites that mix normal content with "wow" motion — decide what to animate and what to keep still, pick the right tool (CSS, Motion for React, GSAP + ScrollTrigger, Lenis, Three.js/R3F, Lottie, View Transitions), set a motion system (durations, easing, stagger), and keep it fast, accessible and mobile-safe. Use whenever the user wants an animated, interactive, award-style or "keren" website, landing page, portfolio, hero, scroll effect, page transition, or asks "tambahin animasi", "biar lebih hidup", "kayak website Awwwards", even before choosing a library.
适用对象：React / Next.js。自动收录 · 待核查。
在 Claude Code 中使用
该组合的专门教程待补充，尚未核实适配。
准备条件
- 本条仅收录原作者的技能元数据；请阅读完整说明，确认依赖、许可与使用条件。
选择已有说明的 AI 工具，或在页面加载后保存待办及提出教程请求。
查看原作者说明 ↗