LogoClawIndex
CasesSkillsAbout
LogoClawIndex

transitions-dev - Implement production-ready CSS transitions

Provides 27 portable, namespaced CSS transitions for common web UI patterns, with semantic custom properties and reduced-motion guards.

Tags

Updated: 2026-10-19

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Match transitions to UI patterns
  • Apply CSS transition snippets
  • Reveal the transition catalog
  • Review project animation usage
  • Audit hardcoded animation timings
  • Honor reduced-motion preferences

Inputs

  • Target UI element
  • Transition context
  • Web project workspace
  • Documented HTML hooks

Outputs

  • CSS transition code
  • Transition catalog listing
  • Animation audit results
  • Updated project files

Requirements

    Source

    • Spec: SKILL.md

    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.
    CSS
    web animation
    UI transitions
    reduced motion
    design tokens
    frontend
    Match transitions to UI patterns
    Apply CSS transition snippets
    Reveal the transition catalog
    Review project animation usage
    Target UI element
    Transition context
    Web project workspace
    CSS transition code
    Transition catalog listing
    Animation audit results