下载

Skill UI

浏览并发现 9688+ 精选技能

全部编程开发人工智能设计创意产品商业数据科学市场营销职场通用效率工具硬件工程语言学习

搜索滚动动画，共找到 6 条记录

默认排序最新上传最多下载

沉浸式滚动体验设计

scroll-experience

sickn33/antigravity-awesome-skills

本技能深入讲解如何通过滚动触发动画构建具有叙事感和电影质感的网站。内容涵盖视差效果、滚动故事叙事、粘性元素和水平滚动等高级前端技术，适用于需要极高用户参与度和品牌沉浸感的项目，并重点强调性能优化，确保最佳用户体验。

Web动画性能优化指南

fixing-motion-performance

sickn33/antigravity-awesome-skills

本指南旨在帮助开发者审计和修复Web界面动画中的性能瓶颈，如布局抖动（layout thrashing）、卡顿和不流畅的滚动效果。它提供了从CSS到JavaScript的一系列最佳实践和规则，指导如何优化动画实现，确保用户界面的动画效果既平滑又高性能。

反重力动态界面设计师

antigravity-design-expert

sickn33/antigravity-awesome-skills

专注于“反重力设计”模式，构建具有空间深度、无重力感的交互式网页界面。擅长使用GSAP和3D CSS实现玻璃拟态（Glassmorphism）、等距网格和流畅的滚动动画，适用于构建高端、沉浸式的仪表盘或落地页。

GSAP与Framer Motion滚动动画

gsap-framer-scroll-animation

github/awesome-copilot

本技能旨在指导用户构建专业级的滚动动画效果。它全面覆盖了视差、吸顶、水平滚动、元素渐入等多种复杂的滚动驱动动画，支持使用GSAP ScrollTrigger和Framer Motion等主流库，适用于React、Next.js及原生JS项目的前端实现。

Framer代码组件与覆盖层

framer-core-workflow-b

jeremylongshore/claude-code-plugins-plus-skills

本技能指南教授如何在Framer中使用React构建高度定制化、交互式和数据驱动的组件。核心内容包括创建带有属性控制的动画组件、集成来自外部API的实时数据展示，以及实现复杂的代码覆盖层（如滚动触发动画和磁性悬停效果）。适用于需要将复杂代码逻辑集成到Framer设计界面的开发者。

高级单页落地页生成器

alirezarezvani/claude-skills

该技能能够生成高质量、自包含的单页HTML落地页，并集成3D CSS动画、GSAP滚动效果和鼠标视差深度等高级视觉效果。它通过结构化的产品、受众、品牌色和语气提问，确保生成的页面高度贴合实际产品，从而最大化转化效果。适用于制作专业的产品宣传页、营销页面或一次性展示页。

1

语言