LogoClawIndex
案例技能关于
LogoClawIndex

ui-interactions - 跨平台 UI 交互细节优化指南

提供按压反馈、触觉反馈、悬停、焦点环、禁用与加载状态、点击区域及首次加载动画逻辑规范。

标签

更新于: 2026-09-23
ui交互触觉反馈悬停焦点环web移动端

能力

应用按压点击缩放反馈触发移动端触觉反馈设置 Web 端悬停状态样式配置 focus-visible 焦点外框环

典型输入

UI 组件代码交互设计与状态规范

典型输出

具备交互能力的 Web 及移动端 UI 组件

该技能可以做什么

  • 应用按压点击缩放反馈
  • 触发移动端触觉反馈
  • 设置 Web 端悬停状态样式
  • 配置 focus-visible 焦点外框环
  • 管理禁用与加载状态
  • 扩大最小目标点击区域
  • 跳过首次渲染时的动画

输入

  • UI 组件代码
  • 交互设计与状态规范

输出

  • 具备交互能力的 Web 及移动端 UI 组件

要求

  • React 或 React Native 框架
  • expo-haptics 依赖包
  • react-native-reanimated 依赖包
  • Tailwind CSS

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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