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.

Skills tagged: micro-interactions

Browse skills that share this tag.

  • delight - Enhance user interfaces with micro-interactions and delight
    ui-designuxmicro-interactionsanimation

    ★ 602 · Updated 2026-09-22

    Add moments of joy, personality, and unexpected touches to elevate functional interfaces into memorable and enjoyable experiences.

    ⚙ Gather audience and brand context⚙ Identify interface delight opportunities⚙ Execute frontend design skill
  • delight - Add moments of joy and polish to user interfaces
    uiuxfrontendanimation

    ★ 0 · Updated 2026-09-22

    Identifies opportunities and implements subtle animations, personality copy, micro-interactions, sound cues, and celebrations to enhance interface usability.

    ⚙ Assess delight opportunities in interfaces⚙ Implement micro-interactions and animations⚙ Add personality to UI copy
  • delight - Add delight, personality, and polish to user interfaces
    ui-designfrontendmicro-interactionsanimation

    ★ 0 · Updated 2026-09-22

    Identifies opportunities and implements micro-interactions, copy personality, animations, and sound design to enhance interface user experience.

    ⚙ Assess delight opportunities⚙ Define delight strategy⚙ Add micro-interactions and animations
  • animate - Enhance features with animations and micro-interactions
    animationuimicro-interactionsfrontend

    ★ 0 · Updated 2026-09-19

    Analyzes UI features and strategically adds animations, transitions, and micro-interactions to improve usability and visual feedback.

    ⚙ Identify static UI areas⚙ Assess motion context and performance⚙ Plan animation strategy
  • design-spells - Curated micro-interactions and design details for UI.
    ui-designmicro-interactionsux-patternsanimation

    ★ 281 · Updated 2026-09-11

    Provides curated micro-interactions, easter eggs, and UX patterns to implement custom design details in web interfaces.

    ⚙ Identify interaction opportunities in interface components⚙ Research creative design patterns and details⚙ Adapt micro-interactions to project brand requirements
  • delight - Add Delight and Personality to Interface Design
    UI/UXmicro-interactionsanimationuser experience

    ★ 1,023 · Updated 2026-06-30

    Identifies opportunities to add joy, personality, and polish to interfaces through micro-interactions, animations, copy, and contextual surprises.

    ⚙ identify delight opportunities⚙ design micro-interactions⚙ write personality copy
  • animation-motion - Create animations with Framer Motion and CSS
    animationmotionUImicro-interactions

    ★ 1 · Updated 2026-05-11

    Create smooth animations and micro-interactions using Framer Motion and CSS

    ⚙ create enter/exit animations⚙ implement gesture animations⚙ add scroll animations
  • animation-motion - Create Smooth Animations with Framer Motion
    animationFramer MotionCSSUI transitions

    ★ 18 · Updated 2026-05-11

    Create smooth animations and micro-interactions using Framer Motion and CSS for UIs

    ⚙ create enter/exit animations⚙ add gesture interactions⚙ implement scroll animations
  • animation-motion - Framer Motion Animations
    animationFramer MotionCSSmicro-interactions

    ★ 602 · Updated 2026-05-11

    Create smooth animations and micro-interactions with Framer Motion and CSS

    ⚙ create fade animations⚙ create slide animations⚙ create exit animations
  • craftsmanship-polish - UI Design Polish
    UI polishimage optimizationshadowsalignment

    ★ 9 · Updated 2026-03-26

    Polish UI details with pixel-perfect alignment, image optimization, shadow systems, and layout stability.

    ⚙ optimize UI details⚙ process images⚙ implement shadow system
  • animate - Add purposeful animations and micro-interactions
    UI animationmicro-interactionsmotion designvisual feedback

    ★ 0 · Updated 2026-03-25

    Analyze features and strategically add animations and micro-interactions to enhance user experience

    ⚙ analyze feature⚙ identify animation opportunities⚙ create animation plan
  • vetcoders-decorate - Visual Polish and Micro-interactions
    visual polishmicro-interactionsCSS animationsresponsive design

    ★ 0 · Updated 2026-03-24

    Detects design language and proposes visual enhancements within existing style system

    ⚙ detect design language⚙ propose hover effects⚙ add scroll behaviors
  • animate - Feature Animation Enhancement
    frontendanimationinteraction designUI enhancement

    ★ 12,713 · Updated 2026-03-23

    Add purposeful animations and micro-interactions to enhance features

    ⚙ analyze feature⚙ create entrance animations⚙ implement micro-interactions