motion

Capture and analyze animations, transitions, and scroll behaviors in Pulp applications.

1|Updated Jul 11, 2026
One-click install
npx skills add https://github.com/danielraffel/burl --skill motion-danielraffel
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: motion
Source: https://github.com/danielraffel/burl/tree/main/.agents/skills/motion
Command: npx skills add https://github.com/danielraffel/burl --skill motion-danielraffel

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill enables the debugging and validation of animations, transitions, and scroll behaviors in Pulp applications, ensuring smooth and predictable motion experiences.

Core Features & Use Cases

  • Runtime Motion-Trace System: Capture and analyze motion behaviors in real-time without source code modifications.
  • Visualization Tools: Visualize motion data to identify issues like timing errors, drifts, and overshot.
  • Replay and Assertion: Replay captured motion data and assert against expected outcomes.
  • Cost Attribution: Identify performance bottlenecks in motion animations.
  • Use Case: If you encounter an issue with a transition animation in a Pulp app, you can use this Skill to trace and analyze the animation, replay it, and verify its correctness.

Quick Start

To debug an animation issue, trigger the 'motion' skill with the phrase "animation is wrong" and provide the relevant details about the issue.

Frequently Asked Questions about motion

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I debug animation transitions in a Pulp application?

To debug animation transitions in a Pulp application, use runtime motion tracing to capture and analyze behaviors without modifying source code. You can trigger the motion skill by describing the animation issue, enabling real-time observability and analysis.

Can I replay captured scroll behaviors and animations to verify correctness?

Yes, you can replay captured scroll behaviors and animations to verify correctness. The motion observability system records runtime data, allowing you to replay the sequences and assert them against expected outcomes to identify timing errors or drifts.

What is the best way to identify performance bottlenecks in motion animations?

The best way to identify performance bottlenecks in motion animations is through cost attribution. This feature analyzes captured runtime motion traces to pinpoint specific areas causing performance issues during transitions and scroll behaviors.

How does runtime motion tracing work without modifying source code?

Runtime motion tracing works by capturing animations, transitions, and scroll behaviors directly during execution without source code modifications. It provides visualization tools to analyze the captured data, helping you identify timing errors, drifts, and overshot issues.

Do I need specific tools to visualize motion data in Pulp apps?

Yes, you need specific tools integrated with the Pulp framework to visualize motion data effectively. These visualization tools analyze captured runtime traces to help you identify and resolve timing errors, drifts, and overshot issues in animations.

Why does my transition animation feel unpredictable during runtime?

Your transition animation may feel unpredictable due to timing errors, drifts, or overshot issues. By capturing and visualizing the motion behavior through runtime tracing, you can replay the animation and assert its correctness to ensure smooth experiences.