LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.

interaction-design - Interaction Design

Design and implement microinteractions, motion design, transitions, and user feedback patterns.

Tags

Updated: 2026-09-19

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Add microinteractions for user feedback
  • Implement page and component transitions
  • Design loading states and skeletons
  • Create gesture-based interactions
  • Build notification and toast systems
  • Implement drag-and-drop interfaces
  • Add scroll-triggered animations
  • Design hover and focus states

Inputs

    Outputs

      Requirements

      • React
      • Framer Motion

      Source

      • Spec: SKILL.md
      interaction-design
      microinteractions
      motion-design
      transitions
      ui
      Add microinteractions for user feedback
      Implement page and component transitions
      Design loading states and skeletons
      Create gesture-based interactions