AVW-11：JS 图形与交互生态全景——Three.js 及 40+ 核心项目的定位、星数与解决什么问题
Three.js 不是孤岛——它是 JS 图形生态的北极星。本文按 9 条技术线梳理 Three.js、Babylon.js、R3F、PixiJS、Phaser、D3.js、p5.js、Matter.js、TensorFlow.js 等 40+ 核心项目的定位、GitHub 星数、解决什么问题，以及整个 JS 生态的版图。
G7：GSAP 社区案例精选——生产级动画模式与技术生态
从 GSAPify 的 20+ 实战动画模板、gsap-cookbook 的生产级菜谱、rdnax-gsap-master 的 AI 技能包，到 GSAP 社区论坛的排坑经验——本文整理了一套直接可复用的动画模式索引和工具链。
G6：GSAP + AI 项目实战——从数据可视化到 LLM 流式输出的动态展示
GSAP 在 AI 项目中的角色不是'美化'，而是'降低认知摩擦'。本文用四个 AI 典型场景：神经网络推理可视化、LLM 流式输出动画、Embedding 空间降维展示、实时指标仪表盘——展示如何让抽象的计算过程变得可见。
G5：GSAP + React——useGSAP Hook、context 清理与客户端动画架构
React 的声明式渲染和 GSAP 的命令式动画之间存在天然张力。本文用 useGSAP hook、context 生命周期管理、React Strict Mode 适配，以及 SSR/CSR 边界处理，给出在 React 中干净使用 GSAP 的完整方案。
G3：GSAP 文本动画——SplitText、ScrambleText 与逐字魔法
文字是网页上最重要的信息载体。GSAP 的文本插件让你能够逐字、逐行、逐词组控制文字的动画——从简单的淡入到黑客风格的字符乱码，再到打字机效果。本文覆盖 SplitText、ScrambleText、TextPlugin 三大插件的完整用法。
G2：ScrollTrigger 滚动动画实战——让页面在滚动中讲故事
ScrollTrigger 是 GSAP 生态中使用率最高的插件——没有之一。本文从基础 trigger 出发，覆盖 pinning、scrubbing、水平滚动、批量管理、matchMedia 响应式适配，附带三个生产级真实场景的实现。
G1：Tween & Timeline 核心——GSAP 动画的基石
掌握 GSAP 的两个核心概念——Tween 和 Timeline——就掌握了整个库 80% 的能力。本文从 gsap.to/from/fromTo 出发，深入到 Timeline 编排、Eases 缓动函数库、Staggers 交错动画，以及 Keyframes 关键帧写法。
GSAP 动画实战系列——从入门到 AI 可视化
GSAP 是现代 Web 动画的工业标准。本系列从核心概念出发，逐步深入到 ScrollTrigger 滚动动画、SplitText 文本特效、SVG 动画、React 集成，最终落到 AI 项目中的动态展示——一套完整的生产级动画方案。