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: motion-design

Browse skills that share this tag.

  • high-end-visual-design - Principal UI/UX Architect & Motion Choreographer
    ui-uxvisual-designtailwind-cssfrontend

    ★ 0 · Updated 2026-09-23

    Defines typography, spacing, component architecture, fluid motion, and strict anti-patterns for engineering high-end web interfaces.

    ⚙ Enforce strict design anti-patterns⚙ Select vibe and layout archetypes⚙ Construct double-bezel nested components
  • high-end-visual-design - Principal UI/UX Architect & Motion Choreographer
    ui-designux-architecturetailwind-cssmotion-design

    ★ 25 · Updated 2026-09-23

    Defines typography, spacing, card structures, motion, and layout rules for high-end web design while blocking generic AI defaults.

    ⚙ Enforce strict anti-pattern design rules⚙ Apply vibe and layout archetypes⚙ Construct nested double-bezel components
  • high-end-visual-design - High-end agency-level UI/UX and motion design guide.
    ui-designux-designfrontendtailwind-css

    ★ 7 · Updated 2026-09-23

    Defines design rules, layout archetypes, micro-interactions, and motion standards to build high-end web user interfaces.

    ⚙ Block generic UI default design patterns⚙ Select creative vibe and layout archetypes⚙ Construct double-bezel nested card containers
  • high-end-visual-design - Principal UI/UX Architect and Motion Choreographer
    ui-designux-designtailwind-cssmotion-design

    ★ 0 · Updated 2026-09-23

    Defines rules for high-end UI design featuring spatial layouts, double-bezel component architecture, fluid motion choreography, and strict anti-patterns.

    ⚙ Enforce strict design anti-patterns⚙ Apply dynamic visual layout archetypes⚙ Construct double-bezel card architectures
  • design-motion-principles - Design Motion Audit Skill
    motion-designui-auditanimationinteraction-design

    ★ 0 · Updated 2026-09-21

    Audits UI motion and interaction design using designer-specific perspectives and context-aware weighting.

    ⚙ Gather project context and animations⚙ Identify missing UI motion gaps⚙ Propose designer perspective weightings
  • interaction-design - Interaction Design and Microinteractions
    interaction-designmicrointeractionmotion-designtransition

    ★ 0 · Updated 2026-09-19

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

    ⚙ Add microinteractions⚙ Implement smooth transitions⚙ Design loading states
  • interaction-design - Interaction Design
    interaction-designmicrointeractionsmotion-designtransitions

    ★ 0 · Updated 2026-09-19

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

    ⚙ Add microinteractions for user feedback⚙ Implement page and component transitions⚙ Design loading states and skeletons
  • interaction-design - Design and implement UI microinteractions and motion
    ui-designmicrointeractionmotion-designframer-motion

    ★ 0 · Updated 2026-09-19

    Design and implement microinteractions, motion design, transitions, and user feedback patterns to enhance UI usability.

    ⚙ Add microinteractions⚙ Implement component transitions⚙ Design loading states
  • interaction-design - Design and implement microinteractions and motion design
    interaction-designmicrointeractionsmotion-designui-transitions

    ★ 0 · Updated 2026-09-19

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

    ⚙ Add microinteractions for user feedback⚙ Implement page and component transitions⚙ Design loading states and skeletons
  • interaction-design - Design microinteractions, motion design, and UI transitions
    interaction-designmicrointeractionsmotion-designtransitions

    ★ 0 · Updated 2026-09-19

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

    ⚙ Add microinteractions⚙ Implement page and component transitions⚙ Design loading states and skeletons
  • design-motion-principles - Create and audit UI motion with context-aware principles.
    motion-designui-animationframer-motioncss-animation

    ★ 1 · Updated 2026-09-17

    Builds interactive components with motion and audits UI animations to generate HTML reports based on context-weighted designer principles.

    ⚙ Build interactive motion components⚙ Audit existing UI animations⚙ Generate HTML motion audit reports
  • motion-design - Motion Design Engineering Guidelines and Best Practices
    motion-designui-animationcss-transitionsspring-physics

    ★ 0 · Updated 2026-09-15

    Provides easing curves, duration tables, spring physics, decision frameworks, and performance guidance for UI motion design.

    ⚙ Guide UI animation decision making⚙ Provide custom easing curves⚙ Define animation duration rules
  • creative-director - Creative Director: Animation Vision & Leadership
    animationcreative-directionmotion-designdisney-principles

    ★ 650 · Updated 2026-09-14

    Oversees animation vision, sets creative direction for motion, and guides teams on animation quality and consistency.

    ⚙ Set motion creative direction⚙ Apply Disney's 12 principles⚙ Create motion mood boards
  • anime-js - Anime.js Animation Principles Implementation
    animationweb-developmentjavascriptui-effects

    ★ 86 · Updated 2026-02-23

    Implement Disney's 12 animation principles using Anime.js library

    ⚙ create squash and stretch animations⚙ implement anticipation effects⚙ apply staging techniques