Gsap

Gsap skills and workflows surfaced by the site skill importer.

14 skills
M
frontend-dev

bởi MiniMax-AI

frontend-dev là một skill frontend-dev để xây dựng các trang web chỉn chu, sẵn sàng cho production, với UI cao cấp, chuyển động điện ảnh, media do AI tạo ra, nội dung thuyết phục và nghệ thuật tạo sinh. Hãy dùng nó cho landing page, website marketing, trang sản phẩm, dashboard và các công việc frontend khác khi thiết kế, nội dung và chi tiết triển khai cần luôn đồng bộ.

Frontend Development
Yêu thích 0GitHub 11.7k
G
gsap-frameworks

bởi greensock

gsap-frameworks là kỹ năng GSAP dành cho Vue, Nuxt, Svelte, SvelteKit và các framework không dùng React khác. Nội dung tập trung vào cách thiết lập animation an toàn theo vòng đời component, dùng selector trong phạm vi phù hợp và dọn dẹp khi unmount để animation trong component hoạt động đúng trong Frontend Development.

Frontend Development
Yêu thích 0GitHub 3.2k
G
gsap-performance

bởi greensock

gsap-performance là skill về hiệu năng GSAP dành cho Frontend Development. Dùng nó để giảm giật lag, tránh layout thrashing, ưu tiên transform và opacity, sử dụng will-change đúng cách, và gom đọc/ghi để animation mượt hơn ở 60fps. Phù hợp nhất khi bạn cần hướng dẫn thực hành về gsap-performance cho code chuyển động sẵn có.

Frontend Development
Yêu thích 0GitHub 3.2k
G
gsap-react

bởi greensock

gsap-react là skill GSAP chính thức cho React và Next.js. Nội dung bao gồm `useGSAP()`, `refs`, `gsap.context()`, selector theo phạm vi và quy trình dọn dẹp để bạn xây dựng animation an toàn trong React mà không gặp lỗi do re-render hay unmount. Hãy dùng hướng dẫn gsap-react này khi bạn cần hỗ trợ cài đặt và sử dụng cho phát triển frontend.

Frontend Development
Yêu thích 0GitHub 3.2k
G
gsap-utils

bởi greensock

Skill gsap-utils cho các helper tiện ích của GSAP: `clamp`, `mapRange`, `normalize`, `interpolate`, `random`, `snap`, `toArray`, `wrap` và `pipe`. Tìm hiểu cách dùng gsap-utils trong Frontend Development, bao gồm khi nào nên dùng các hàm dạng tái sử dụng, cách đưa helper vào tween và callback, và vì sao không cần đăng ký.

Frontend Development
Yêu thích 0GitHub 3.2k
G
gsap-plugins

bởi greensock

gsap-plugins giúp lập trình viên frontend chọn, cài đặt và dùng đúng các GSAP plugins. Nội dung bao gồm cách đăng ký plugin, cách import, và hướng dẫn thực hành cho ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, các SVG plugins, công cụ easing, và GSDevTools. Hãy dùng khi bạn cần một hướng dẫn rõ ràng về gsap-plugins thay vì lời khuyên animation chung chung.

Frontend Development
Yêu thích 0GitHub 3.2k
G
gsap-scrolltrigger

bởi greensock

gsap-scrolltrigger là skill chính thức của GSAP cho các hiệu ứng gắn với cuộn trang, ghim section, hành vi scrub và các trigger dựa trên khung nhìn. Hãy dùng nó trong Frontend Development khi bạn cần một hướng dẫn về gsap-scrolltrigger, trợ giúp cài đặt hoặc cách dùng gsap-scrolltrigger thực tế cho parallax, section ghim cố định và chuyển động điều khiển theo cuộn.

Frontend Development
Yêu thích 0GitHub 3.2k
G
gsap-timeline

bởi greensock

gsap-timeline giúp bạn xây dựng chuỗi timeline GSAP với các bước theo thứ tự, chồng lấp, nhãn và phát lồng nhau. Hãy dùng skill gsap-timeline khi mục tiêu là phối hợp nhiều animation, đặc biệt cho UI Design, luồng onboarding hoặc các hệ thống motion có thể lặp lại. Nội dung này bao gồm hướng dẫn cài đặt và sử dụng gsap-timeline để sắp xếp trình tự rõ ràng.

UI Design
Yêu thích 0GitHub 3.2k
G
gsap-core

bởi greensock

Skill gsap-core là hướng dẫn chính thức của GSAP về cách dùng API animation lõi, bao gồm `gsap.to()`, `from()`, `fromTo()`, easing, stagger, defaults và motion đáp ứng. Hãy dùng khi cần sử dụng gsap-core trong vanilla JS, React, Vue, Svelte, DOM, SVG và quy trình UI Design, đặc biệt khi bạn cần một hướng dẫn gsap-core đáng tin cậy.

UI Design
Yêu thích 0GitHub 3.2k
H
hyperframes-registry

bởi heygen-com

hyperframes-registry giúp bạn cài đặt và kết nối các mục registry tái sử dụng của HyperFrames với ít phải đoán mò hơn. Dùng nó để chạy hyperframes add, phân biệt blocks với components, ghép các đoạn snippet, nối blocks vào index.html, và làm theo các ánh xạ đường dẫn trong hyperframes.json cho việc triển khai thiết kế và khám phá registry.

Design Implementation
Yêu thích 0GitHub 2.7k
H
gsap

bởi heygen-com

gsap là tài liệu tham chiếu thực tiễn về animation cho các composition HyperFrames. Nó giúp bạn chọn giữa gsap.to(), from(), fromTo() và gsap.timeline(), rồi áp dụng đúng vars, easing, stagger, transforms và các mẫu tối ưu hiệu năng. Hãy dùng hướng dẫn gsap này khi bạn cần motion sẵn sàng để triển khai cho hiệu ứng xuất hiện, chuyển cảnh và các hiệu ứng thiết kế có thể tái sử dụng.

Design Implementation
Yêu thích 0GitHub 2.7k
H
hyperframes

bởi heygen-com

hyperframes là một skill quy trình để xây dựng các bố cục video dựa trên HTML trong HyperFrames. Hãy dùng nó cho thẻ tiêu đề, lớp phủ, phụ đề, lồng tiếng, chuyển động phản ứng theo âm thanh và chuyển cảnh khi bạn cần hyperframes có cấu trúc, ưu tiên mã nguồn cho Video Editing. Skill này đề cao quyết định về bố cục, thời gian và hoạt ảnh hơn là các yêu cầu video chung chung chỉ dựa trên prompt.

Video Editing
Yêu thích 0GitHub 2.7k
L
gpt-taste

bởi Leonxlnx

gpt-taste là một skill thiên về thiết kế, dùng để tạo các trang UI chỉn chu với định hướng nghệ thuật kiểu biên tập, kỷ luật về khoảng trắng và chuyển động GSAP. Hãy dùng skill gpt-taste cho các trang marketing, landing page và site trưng bày khi bạn muốn bố cục đa dạng hơn, kiểm soát typography tốt hơn và tránh các pattern frontend quá chung chung. Hướng dẫn này có kèm ghi chú cài đặt và cách dùng để triển khai thực tế.

UI Design
Yêu thích 0GitHub 0
I
fixing-motion-performance

bởi ibelick

fixing-motion-performance giúp kiểm tra và sửa các vấn đề hiệu năng của animation UI mà mặc định không cần đổi stack. Dùng cho công việc frontend khi motion bị giật, hiệu ứng gắn với cuộn trang gây tốn kém, hoặc transition làm phát sinh layout, paint hay compositing. Công cụ này biến lỗi animation thành các sửa chữa rõ ràng ở mức code.

Frontend Development
Yêu thích 0GitHub 0
Gsap