Skill Library 技能库Prompt Skill 迅速技能1 Designs 设计Top Views 俯视图

GSAP UtilsGSAP 工具函数

Official gsap.utils skill for clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe, and helper utilities.

官方 gsap.utils skill，覆盖 clamp、mapRange、normalize、interpolate、random、snap、toArray、wrap、pipe 等工具函数。

Skill Uses 技能用0

记录的复用次数与项目引用。

Public Designs 公共设计1

按浏览量与收藏热度排序。

Prompt Lines 提示8

可复用的提示指令数量。

Author 作者@Interface Lab

动效

Skill Directive 技能指导

Description 描述

Official gsap.utils skill for clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe, and helper utilities.

官方 gsap.utils skill，覆盖 clamp、mapRange、normalize、interpolate、random、snap、toArray、wrap、pipe 等工具函数。

Tags 标签动效

Skill Prompt 技能提示

- 用于用户询问 gsap.utils、clamp、mapRange、random、snap、toArray、wrap、pipe 或需要把输入值映射、限制、归一化、插值、循环和批量选择时。
- 用 gsap.utils.toArray() 把 selector、NodeList 或数组标准化为数组，便于对多元素创建 stagger、ScrollTrigger 或逐项 timeline。
- 用 clamp(min,max,value) 限制数值；用 normalize(inMin,inMax,value) 转成 0-1；用 mapRange(inMin,inMax,outMin,outMax,value) 做输入到输出区间映射。
- 用 interpolate() 在数值、颜色、对象或数组之间取中间值；用 snap() 把值吸附到间隔或指定集合。
- 用 random() 生成可控随机值；需要确定性或复用时使用函数形式，不要在每帧创建不可控随机抖动。
- 用 wrap()/wrapYoyo() 在数组或区间内循环索引和值，适合轮播、重复图案、颜色轮转或分组 stagger。
- 用 pipe() 组合多个转换步骤，让输入处理保持可读；复杂映射逻辑优先拆成命名函数。
- 来源：greensock/gsap-skills 官方 MIT skill 材料，固定到 commit aed9cfd3277740755f6bfc1155c7aa645403b760。

当前展示公共摘要；登录 Pro 后可查看完整 prompt。

Layout Info 布局信息

下方作品按浏览量排序；前几项使用实时预览，其余保持快速缩略卡片。

Pro 解锁所有技能

GSAP UtilsGSAP 工具函数

更多使用 GSAP 工具函数 的页面

更多使用 GSAP 工具函数的页面