LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

带有该标签的 Skills:framer-motion

浏览带有该标签的技能列表。

  • motion-dev-animations - 面向 Web 框架的 Motion.dev GPU 动画生成器
    motionframer-motion动画react

    ★ 102 · 更新于 2026-09-23

    为 React、Next.js、Svelte 及 Astro 项目生成带有无障碍与性能验证的 Motion.dev GPU 加速动画代码。

    ⚙ 生成入场动画⚙ 实现手势交互处理⚙ 创建滚动关联动画
  • framer-motion-animations - Framer Motion 动画实现
    framer-motionreact动画前端

    ★ 650 · 更新于 2026-09-20

    使用 Framer Motion 实现滚动触发、入场及交错列表动画,并支持无障碍减弱动画。

    ⚙ 创建滚动触发渐显动画⚙ 实现元素入场动画⚙ 创建交错列表动画
  • interaction-design - 设计并实现用户界面微交互与动效
    UI设计微交互动效设计framer-motion

    ★ 0 · 更新于 2026-09-19

    设计并实现微交互、动效设计、页面及组件过渡与用户反馈模式。

    ⚙ 添加微交互⚙ 实现组件过渡⚙ 设计加载状态
  • frontend-skill - 设计视觉效果出众的前端界面与落地页
    前端落地页应用界面UI设计

    ★ 0 · 更新于 2026-09-18

    指导创建具备克制构图、图像主导层级、紧密内容结构与精致动效的落地页、网站、应用及原型界面。

    ⚙ 撰写视觉与交互设想⚙ 构建无卡片式前端布局⚙ 执行排版与图像规范
  • framer-motion-expert - React Framer Motion 12+ 动画指南。
    framer-motionreact动画手势

    ★ 0 · 更新于 2026-09-17

    提供 React Framer Motion 12+ 声明式动画、布局过渡、手势及 Hook 的语法参考与开发模式。

    ⚙ 构建声明式 React 动画⚙ 实现布局过渡动画⚙ 配置悬停与拖拽手势
  • design-motion-principles - 根据上下文原则构建与审计UI界面动效。
    动效设计UI动画Framer MotionCSS动画

    ★ 1 · 更新于 2026-09-17

    提供基于上下文权重的UI动效设计原则,用于构建交互式动效组件或对现有UI动画进行质量审计并生成HTML报告。

    ⚙ 构建交互式动效组件⚙ 审计现有UI界面动画⚙ 生成HTML格式动效报告
  • design-spells - 用于提升界面体验的精选微交互与设计细节。
    ui设计微交互ux模式动画

    ★ 288 · 更新于 2026-09-11

    提供精选的微交互、彩蛋和 UX 模式,用于在 Web 界面中实现自定义设计细节。

    ⚙ 识别界面组件中的微交互机会⚙ 研究创意设计模式与交互细节⚙ 适配微交互至项目品牌需求
  • motion - 使用 Framer Motion 的动画模式
    framer-motion动画reactmotion

    ★ 22 · 更新于 2026-09-09

    提供使用 Framer Motion 的动画模式与时间参考。

    ⚙ 实现渐变缩放动画⚙ 实现滑入动画⚙ 实现列表交错动画
  • motion-animation-patterns - React 动画模式实现
    motionframer-motionanimationreact

    ★ 650 · 更新于 2026-06-30

    在 React 应用中使用预设模式实现 Framer Motion 动画

    ⚙ 添加页面转场⚙ 实现模态框动画⚙ 创建交错列表动画