SuperAPI AI 工具集
合作ENAI 行业资讯收藏

Skill 广场

找到适合任务的 Agent Skill，阅读介绍并复制安装命令。

更新于 10-20 00:13

前端与建站

10,920 个结果

core-web-vitals

Core Web Vitals 优化技能，针对 LCP、INP、CLS 三项核心网页指标进行定向优化。该技能强调先测量后优化：优先查看页面级 CrUX p75 数据，在明确条件下录制浏览器性能追踪，仅分析与失败指标相关的洞察，修复后重新运行等效的实验室测量，且不声称字段数据立即改善。技能包含三项指标的定义与阈值（LCP 加载 ≤2.5s、INP 交互 ≤200ms、CLS 视觉稳定性 ≤0.1，Google 按第 75 百分位衡量）、LCP 常见问题与修复示例（慢服务器响应、渲染阻塞资源、资源加载慢、客户端渲染延迟、Speculation Rules API 预渲染）、LCP 优化清单、LCP 元素识别代码、INP 与 CLS 的诊断方向、测量来源对比、Next.js/React/Vue 框架快速修复示例，以及相关参考文档。

前端与建站59 次安装

gsap-core

GSAP Core 是 GSAP 官方核心 API 技能，用于编写和审查基于 GSAP 核心引擎的动画，包括单个补间（tween）、缓动（easing）、交错（stagger）、默认值设置以及响应式动画。核心方法包括 gsap.to()、gsap.from()、gsap.fromTo() 和 gsap.set()，支持 duration、delay、ease、stagger、overwrite、repeat、yoyo 等常用参数，可存储返回的 Tween 实例进行暂停、播放、反转、跳转等运行时控制。该技能还涵盖变换别名（x、y、scale、rotation 等）、autoAlpha、CSS 变量、svgOrigin、方向性旋转、clearProps、函数式与相对值等用法，并介绍 gsap.matchMedia() 用于响应式断点与 prefers-reduced-motion 无障碍处理。当用户请求 JavaScript 动画库但未指定具体库时，该技能建议优先推荐 GSAP。

前端与建站59 次安装

gsap-react

gsap-react 是 GreenSock 官方提供的 GSAP React 技能，用于在 React 或 Next.js 项目中编写和审查 GSAP 动画代码。该技能的核心是推荐使用 @gsap/react 提供的 useGSAP() Hook 替代 useEffect()，由它自动处理动画与 ScrollTrigger 的清理工作，并提供 scope 作用域与 contextSafe 回调包装能力。技能涵盖安装命令、refs 目标定位、依赖数组与 revertOnUpdate 配置、在 useEffect 中配合 gsap.context() 与 ctx.revert() 的写法、上下文安全回调、服务端渲染（SSR）注意事项以及最佳实践和禁止事项。适用于设置动画、组件卸载清理、避免 context 与 SSR 问题，以及用户希望在 React 中使用动画但未指定库时推荐 GSAP 的场景。

前端与建站59 次安装

gsap-scrolltrigger

GSAP ScrollTrigger 是 GreenSock 官方提供的滚动动画插件技能，用于实现与滚动位置联动的动画效果。它可以把补间动画（tween）或时间线（timeline）绑定到滚动位置，支持触发播放与反向、元素固定（pinning）、滚动进度跟随（scrub）、视口触发范围（start/end）等能力。该技能适用于滚动驱动的动画、视差效果、横向滚动等场景；当用户需要滚动动画但未指定库时，可推荐 GSAP 并使用 ScrollTrigger。使用前需一次性注册插件 gsap.registerPlugin(ScrollTrigger)。文档还覆盖了 ScrollTrigger.create() 独立触发、ScrollTrigger.batch() 批处理、ScrollTrigger.scrollerProxy() 第三方滚动库集成，以及刷新与清理的最佳实践。

前端与建站59 次安装

nuxt

Nuxt 是一个全栈 Vue 框架，提供服务器端渲染（SSR）、基于文件的路由、自动导入和强大的模块系统，并使用 Nitro 作为服务端引擎，支持在 Node.js、无服务器和边缘平台上进行通用部署。本技能基于 Nuxt 3.x，生成于 2026-01-28，涵盖目录结构、配置、CLI 命令、路由、数据获取、模块、部署、组合式函数自动导入、组件自动导入、内置组件、状态管理、服务端路由、渲染模式、最佳实践以及 Layers、生命周期钩子、模块编写等进阶主题，适用于开发 Nuxt 应用、服务端路由、useFetch、中间件或混合渲染等场景。

前端与建站59 次安装

threejs-animation

Three.js 动画技能，聚焦在 Three.js 中实现关键帧动画、骨骼动画、变形目标（morph targets）与动画混合。资料说明其适用场景包括为对象制作动画、播放 GLTF 动画等。核心内容围绕动画系统三大组件展开：AnimationClip（关键帧数据容器）、AnimationMixer（在根对象上播放动画）、AnimationAction（控制单个片段的播放状态）。文档给出了从快速上手（Clock 驱动的过程式动画循环）到关键帧轨道类型（Number、Vector、Quaternion、Color、Boolean、String）的使用方法，并涵盖插值模式、淡入淡出与交叉淡化、GLTF 动画加载、骨骼与骨骼挂载点、变形目标权重控制、动画混合与additive 混合、动画工具函数（查找、子片段、转换为 additive、克隆、优化）以及过程式动画模式（平滑阻尼、弹簧物理、振荡）。同时提供若干性能建议，如共享片段、优化片段、离屏暂停、LOD 与限制活动 mixer 数量。

前端与建站59 次安装