Design reusable 2D character pose libraries, action cycles, and expression states for data-driven animation.
Install
npx skills add https://github.com/calesthio/openmontage --skill pose-library-designSKILL.md
Pose Library Design
Use this skill when producing pose_library artifacts.
Pose Categories
- Neutral: idle, breathe, listening.
- Attention: look_up, look_down, look_left, look_right.
- Emotion: happy, sad, surprised, worried, determined.
- Action: reach, point, hold, jump, flap, walk_contact, walk_passing.
- Mouth: closed, small_o, wide_open, smile, frown, phoneme-ish shapes.
Acting Pattern
Use timed pose sequences:
anticipation -> action -> hold -> settle
Do not continuously animate every part. Holds make the acting readable.
Pose Data Pattern
{
"pose": "surprised",
"parts": {
"head": { "rotation": -6, "y": -4 },
"pupil_left": { "x": 4, "y": -6 },
"mouth": "small_o"
},
"hold_frames": 18,
"transition": "back.out"
}
Quality Checklist
- Required emotions have poses.
- Required actions have poses or cycles.
- Reused cycles have contact and passing poses.
- Poses name only changed parts; defaults come from the rig.
Sources
- GSAP timeline sequencing for readable multi-step poses: https://gsap.com/docs/v3/GSAP/Timeline/
- Remotion interpolation for frame-based transitions: https://www.remotion.dev/docs/interpolate
- Remotion spring for natural motion: https://www.remotion.dev/docs/spring
Related skills
frontend-designanthropics932KGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.prototypemattpocock852KBuild a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.hyperframes-animationheygen-com569KAll animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreographyhyperframes-creativeheygen-com539KNon-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.