OpenSkillIndex← back to search
claude-codedevelopment

Claude-skill-registry drag-and-drop-physics-engine

Implement fluid drag-and-drop interactions with physics-based animations.

install
source · Clone the upstream repo
git clone https://github.com/majiayu000/claude-skill-registry
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/drag-and-drop-physics-engine" ~/.claude/skills/majiayu000-claude-skill-registry-drag-and-drop-physics-engine && rm -rf "$T"
manifest: skills/data/drag-and-drop-physics-engine/SKILL.md
tags
#animation#physics#interaction#ui#javascript#drag-and-drop
source content

Drag-and-Drop Physics Engine

Summary

Implement fluid drag-and-drop interactions with physics-based animations.

Key Capabilities

  • Track pointer events.
  • Calculate layout collisions.
  • Animate reordering with springs.

PhD-Level Challenges

  • Optimize collision detection.
  • Handle nested scroll containers.
  • Ensure accessibility.

Acceptance Criteria

  • Create a sortable list.
  • Demonstrate fluid animations.
  • Support keyboard sorting.