Three.js 2D Character Rigging

I already have a full set of high-resolution sprites for my 2D hero and now I need a clean, reusable rig that plugs straight into a browser game powered by Three.js. The goal is to end up with skeletal or sprite-sheet animations that cover all core actions—walking, running, jumping, crouching, and several attack moves—so I can call them in code with minimal setup.

Here is what I’m after:
• Build a rig or bone structure that lines up perfectly with the supplied sprite layers.
• Create and export separate animation clips for each action listed above, ready to be loaded through Three.js (for example via THREE.AnimationMixer or a loader such as THREE.Skeleton or Spine/DragonBones JSON).
• Keep pivots, frame counts, and naming conventions consistent so I can swap weapons or re-skin the character later without re-rigging.

Acceptance criteria
• All animations loop or transition smoothly with no popping or slipping.
• Final files include the editable rig project (Spine, DragonBones, or comparable tool) plus the exported JSON/atlas/png (or sprite sheet) that Three.js can consume.
• Documentation or short comments show the exact method for loading and triggering each clip.

If you have shipped Three.js titles before or have a Spine/DragonBones portfolio, that’s a bonus—I want to integrate fast and focus on gameplay right away.