Gsap Timeline
greensock/gsap-skillsYou can create animations that move in a sequence with GSAP timelines. A timeline lets you line up multiple animations one after another or at the same time. This is great for making complex motion effects for websites or apps.
Use the position parameter to place each animation exactly where you want. You can also add labels to mark spots in the timeline. Nesting timelines means you can put one timeline inside another for even more control.
GSAP timelines make it easy to play, pause, reverse, or jump to any part of the animation. This skill helps you build smooth, choreographed motion.
Add Gsap Timeline skill to your workflow
Global
mkdir -p ~/.claude/skills/gsap-timelineProject
mkdir -p .claude/skills/gsap-timelineSource Repository
More Design & UI/UX Claude Code Skills
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Brainstormingobra/superpowers
Brainstorm your ideas into a clear design and get approval before building anything
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
All-in-one UI/UX design assistant with styles, colors, fonts, and guidelines for any platform
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules
Brandkitleonxlnx/taste-skill
Create premium brand-kit images that feel intentional, minimal, and presentation-ready