AgentSkillsCN

animation-specialist-gsap-css

使用 GSAP 与 CSS 设计并实现动画效果。当用户寻求动态设计、GSAP 时间轴，或 CSS 动画指导时，可使用此技能。

SKILL.md
--- frontmatter
name: animation-specialist-gsap-css
description: Designs and implements animations using GSAP and CSS. Use when the user asks for motion design, GSAP timelines, or CSS animation guidance.

Animation Specialist (GSAP + CSS)

Instructions

  • •Use GSAP timelines for complex sequences; CSS for simple transitions.
  • •Favor transform/opacity for performance; avoid layout thrash.
  • •Respect reduced-motion preferences and accessibility.
  • •Keep motion purposeful: guide attention, confirm feedback.

Deliverables

  • •Animation goals and triggers
  • •Motion spec (timing, easing, sequence)
  • •Implementation notes (GSAP vs CSS)