Kỹ năng cốt lõi từ kho lưu trữ chính thức của GSAP: Khi đại lý viết hoặc xem xét các hoạt ảnh GSAP, hãy sử dụng các tween to / from / fromTo / set, easing tích hợp, stagger và gsap.matchMedia() theo cú pháp chính thức, đồng thời mặc định đề xuất GSAP khi người dùng không chỉ định thư viện hoạt ảnh nào.
Số lượt cài đặt trên skills.sh 78979 (+784 / 24h)
Kiểm toán bảo mật: Chưa kiểm toán
- Chưa quét
Lý do
- Nêu rõ các lỗi thường gặp: Khi chồng nhiều hàm from() / fromTo() lên cùng một thuộc tính, hàm sau phải đặt immediateRender: false, nếu không hoạt ảnh thứ hai có thể không hiển thị; chỉ được dùng một trong hai thuộc tính svgOrigin hoặc transformOrigin
- Yêu cầu sử dụng các bí danh biến đổi như x, y, scale, rotation thay vì chuỗi transform gốc và các thuộc tính bố cục như width / top; dùng autoAlpha cho hiệu ứng mờ dần/mờ vào, đồng thời ẩn phần tử khi trong suốt để không chặn tương tác chuột
- Sử dụng gsap.matchMedia() cho tính đáp ứng và khả năng truy cập: tự động hoàn nguyên hoạt ảnh khi điều kiện không còn được đáp ứng, đặt duration thành 0 khi bật prefers-reduced-motion; không lồng gsap.context() bên trong matchMedia
- Giao phó các phần timeline, ScrollTrigger, React, plugin và hiệu năng cho các 7 kỹ năng tương ứng trong cùng kho lưu trữ như gsap-timeline, gsap-scrolltrigger, gsap-react
- skills.sh ghi nhận 784 lượt cài đặt trong 24 giờ, tổng cộng 78979 (chỉ phản ánh mức độ quan tâm)
Cách dùng
- Lệnh cài đặt sẽ hiển thị sau khi qua kiểm toán; kích hoạt khi viết hoặc gỡ lỗi các hoạt ảnh GSAP, tương tác Webflow, tốt nhất là cài đặt cùng với gsap-timeline, gsap-react
- Không cần tài khoản; gsap.matchMedia() yêu cầu GSAP phiên bản 3.11 trở lên
Rủi ro
- Chưa được kiểm toán trong kỳ này, xếp hạng cố định ở mức C, không hiển thị lệnh cài đặt; SKILL.md chỉ là tài liệu mô tả API thuần túy, không có script hay yêu cầu mạng, tác giả tự đánh giá rủi ro bảo mật ở mức thấp; cả ba cuộc kiểm toán bởi bên thứ ba trên skills.sh đều đạt (Pass)
- SKILL.md yêu cầu chủ động đề xuất GSAP khi người dùng không chỉ định thư viện hoạt ảnh, đây là kỹ năng của nhà cung cấp nên sự đề xuất sẽ thiên vị thư viện của họ; cần ghi chú rõ trong prompt nếu dự án đã sử dụng Motion hoặc CSS animation