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: animation

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
  • remotion-best-practices - Remotion Best Practices for React Video Creation
    remotionvideoreactanimation

    ★ 0 · Updated 2026-09-22

    Provides domain-specific knowledge and best practices for creating animations, compositions, and videos using Remotion in React.

    ⚙ Scaffold new Remotion project⚙ Design video animations and compositions⚙ Preview videos in Remotion Studio
  • delight - Add moments of joy and polish to user interfaces
    ui-designanimationmicro-interactionuser-experience

    ★ 0 · Updated 2026-09-22

    Identifies opportunities to add micro-interactions, copy personality, and visual polish to elevate functional interfaces into delightful experiences.

    ⚙ Assess delight opportunities⚙ Apply micro-interactions and animations⚙ Craft contextual personality copy
  • 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
  • overdrive - Push web interfaces past conventional limits.
    frontenduianimationperformance

    ★ 0 · Updated 2026-09-21

    Pushes web interfaces past conventional limits using advanced browser APIs, motion physics, and high-performance rendering techniques.

    ⚙ Propose multiple design directions⚙ Iterate visual effects with browser automation⚙ Implement progressive enhancement fallbacks
  • overdrive - Push web interfaces past conventional limits.
    ui-designfrontendanimationwebgl

    ★ 0 · Updated 2026-09-21

    Enhance interface capabilities using advanced Web APIs, custom rendering, smooth transitions, and high-performance techniques with progressive enhancement.

    ⚙ Propose technical directions before implementation⚙ Clarify choices using AskUserQuestion tool⚙ Verify visuals with browser automation
  • 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
  • overdrive - Push interfaces past conventional limits with custom effects.
    frontenduianimationwebgl

    ★ 0 · Updated 2026-09-21

    Pushes web interfaces beyond conventional limits using shaders, virtual scrolling, advanced animations, and performance optimization techniques.

    ⚙ Propose technical implementation directions⚙ Preview effects via browser automation⚙ Implement cinematic interface transitions
  • cc-design - High-fidelity HTML design and visual prototype creation
    ui-designhtml-prototypeslide-decklanding-page

    ★ 831 · Updated 2026-09-21

    Designs and builds high-fidelity HTML visual artifacts including slides, interactive prototypes, UI mockups, animations, and design systems.

    ⚙ Build high-fidelity HTML visual prototypes⚙ Create interactive animations and slide decks⚙ Design UI mockups and landing pages
  • animator-modify - Modify Unity AnimatorController Assets
    unityanimator-controlleranimationmcp

    ★ 0 · Updated 2026-09-21

    Applies a batch of modifications to parameters, layers, states, and transitions in a Unity AnimatorController asset.

    ⚙ Add animator parameters⚙ Remove animator parameters⚙ Add animator layers
  • animator-modify - Modify Unity AnimatorController Assets
    unityanimatoranimationanimator-controller

    ★ 0 · Updated 2026-09-21

    Apply a batch of modifications to a Unity AnimatorController, including parameters, layers, states, and transitions.

    ⚙ Add or remove parameters⚙ Add or remove layers⚙ Add or remove states
  • animator-modify - Modify Unity AnimatorController Assets
    unityanimatoranimation

    ★ 1 · Updated 2026-09-21

    Apply a batch of modifications to a Unity AnimatorController asset, including parameters, layers, states, transitions, state motions, and speeds.

    ⚙ Add or remove controller parameters⚙ Add or remove animator layers⚙ Add or remove layer states
  • animator-modify - Apply batch modifications to a Unity AnimatorController asset
    unityanimatoranimationmcp

    ★ 1 · Updated 2026-09-21

    Applies batch modifications to a Unity AnimatorController, including parameters, layers, states, motion, speed, and transitions.

    ⚙ Add or remove controller parameters⚙ Add or remove animator layers⚙ Add or remove states
  • motion-canvas - Motion Canvas 2D scene building and animation reference.
    motion-canvasanimation2dtypescript

    ★ 67 · Updated 2026-09-20

    Provides reference for Motion Canvas scene setup, signals, generators, refs, 2D components, timing, transitions, and utilities.

    ⚙ Define 2D scene templates⚙ Animate using generator functions⚙ Manage reactive signals and tweens
  • pixel-art-studio - Python-based pixel art creation and study studio
    pixel-artspritesanimationpillow

    ★ 54 · Updated 2026-09-20

    Creates, animates, cleans, and exports pixel art assets using Python scripts, and studies user-provided pixel art style files.

    ⚙ Create pixel art sprites and tiles⚙ Generate animated GIF and spritesheets⚙ Apply color palettes and shading
  • remotion - Programmatic video creation with React
    remotionreactvideo-renderinganimation

    ★ 9 · Updated 2026-09-20

    Provides rules and code patterns for programmatic video creation, animation, composition, and rendering using Remotion and React.

    ⚙ Build video compositions with React⚙ Render videos using CLI options⚙ Animate elements using spring physics
  • framer-motion-animations - Framer Motion Animation Implementation
    framer-motionreactanimationfrontend

    ★ 602 · Updated 2026-09-20

    Implement scroll-triggered, entrance, and staggered list animations using Framer Motion with reduced motion support.

    ⚙ Create scroll-triggered reveal animations⚙ Implement entrance animations⚙ Create staggered list animations
  • unity-dotween - Automate Unity DOTween Free and Pro settings and components.
    unitydotweenanimationcsharp

    ★ 0 · Updated 2026-09-19

    Probes, validates, and configures DOTween settings, lists APIs, generates runtime scripts, and manages editor-time DOTweenAnimation components.

    ⚙ Get DOTween installation status⚙ Configure DOTween settings asset⚙ Validate DOTween settings
  • animated-sketch-diagram - Generate animated sketch architecture and flow diagrams
    diagramarchitectureflowchartanimation

    ★ 16 · Updated 2026-09-19

    Creates animated sketch-style architecture and workflow diagrams as self-contained HTML files and renders seamless looping GIFs.

    ⚙ Plan diagram layout⚙ Create animated HTML diagrams⚙ Design SVG doodle icons

Scroll to load more