web-anim
Skill3 starsChanged 5 days agoMITView on GitHub
网页动效：给页面加动画时，写代码前调用，提供 GSAP（核心 API、时间线、ScrollTrigger 滚动驱动、pinning、parallax）、GSAP + React + Tailwind 落地页模板、p5.js 生成艺术的配方。用于：滚动动画、视差、入场动效、生成视觉。子文件按需读取。
In this repository28 other files it gives its agents.
- AGENTS.mdAGENTS.md
- client-deliverableSkill
- dev-planSkill
- diagnosing-bugsSkill
- frontend-designSkill
- grillSkill
- handoffSkill
- ops-triageSkill
- ponytail-debtSkill
- ponytail-reviewSkill
- ponytailSkill
- prototypeSkill
- researchSkill
- retroSkill
- reviewSkill
- shipSkill
- showcase-pageSkill
- tddSkill
- ui-shotsSkill
- algorithmic-artSkill
- gsap-awwwards-websiteSkill
- gsap-coreSkill
- gsap-scrolltriggerSkill
- gsap-timelineSkill
- writing-for-agentsSkill
- zh-checkSkill
- zh-talkSkill
- zh-writeSkill
The file
Files
Web animation bundle
上下游
- 前接：
frontend-design、showcase-page定好的动效方案，或直接的动效需求。 - 后接：本技能只提供配方，设计判断回到前接的技能。
| 需求 | 读取 |
| GSAP 核心 API（tween、ease、stagger、matchMedia） | gsap-core/SKILL.md |
| GSAP 时间线 | gsap-timeline/SKILL.md |
| 滚动驱动动画 / pinning / parallax | gsap-scrolltrigger/SKILL.md |
| GSAP 产品落地页模板（React 19 + Tailwind 4，SPYLT 式） | gsap-awwwards-website/SKILL.md |
| p5.js 生成艺术 / 粒子 / flow field | algorithmic-art/SKILL.md |
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.