Axiom Uikit Animation Debugging

What it does

This skill enables AI agents to inspect and debug animation behavior within UI kits, specifically targeting issues like timing errors or visual glitches. It allows for the discovery of underlying causes in complex interactive elements by analyzing their execution flow.

When to use it

• Animate fails to trigger on specific user interactions across different devices.
• Visual transitions appear jerky or misaligned with expected design specifications.
• You need to verify if animation logic conflicts with other UI components.
• Debugging performance bottlenecks related to heavy rendering cycles.

Key capabilities

• Inspect real-time animation states and properties.
• Identify root causes of timing and sequencing errors.
• Analyze interaction triggers within the UI kit framework.
• Generate detailed reports on animation execution failures.

Example prompts

• "Debug why the modal fade-in animation is not triggering when I click the button."
• "Inspect the timeline for this carousel slide transition to find the stuttering issue."
• "Analyze the interaction logic causing the dropdown menu to close prematurely during animation."

Tips & gotchas

Ensure your UI kit environment is fully loaded before initiating an inspection, as partial rendering can lead to false negatives. This tool focuses on behavioral analysis rather than fixing code directly, so you will need to apply the findings manually to resolve the issue.