Skip to main content
skill CX Codex

straight-ahead-pose-mastery — Claude Code skill: setup and guide

Helps developers choose between spontaneous motion passes and structured key poses, establishing hybrid animation pipelines for interfaces, effects, and games.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add dylantarre/animation-principles --skill straight-ahead-pose-mastery -a claude-code
Open on GitHub

What straight-ahead-pose-mastery does

The skill breaks down two animation techniques: sequential frame creation through straight ahead action and structured pose-to-pose planning. Straight ahead captures wild organic energy for smoke or water. Pose to pose keeps control over timing and character proportions. Principles translate directly into motion design and game scripting.

It outlines a four-step hybrid production workflow. First, block primary keys. Next, place breakdown poses. Animators then draw in-betweens straight ahead before adding subtle gestural polish. This workflow retains crisp structural timing without turning stiff.

Relying on pure straight ahead for extended scenes accumulates spatial drift and ruins timing. The skill defines exact boundaries across domains. Page transitions and UI micro-interactions need clear keyframe states. Fluid simulations and ambient secondary motions rely on spontaneous passes.

What it helps with

  • choose between structured keyframes and fluid motion passes
  • assemble hybrid animation pipelines with breakdowns and in-betweens
  • revive rigid UI state transitions with loose secondary passes
  • organize procedural passes for particles, fluids, and impacts

Example prompts for the agent

  • Help me structure screen transition states using the pose-to-pose workflow.
  • How should I combine keyframing and straight-ahead passes for particle effects?
  • Review my character dialogue timing to see why pure straight ahead lost structural control.

How to install straight-ahead-pose-mastery

1Skills CLI (Vercel)

npx skills add dylantarre/animation-principles --skill straight-ahead-pose-mastery -a claude-code

2Manually: put the files in place

~/.claude/skills/straight-ahead-pose-mastery/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/straight-ahead-pose-mastery/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about straight-ahead-pose-mastery

How to install straight-ahead-pose-mastery in Claude Code?

Run npx skills add dylantarre/animation-principles --skill straight-ahead-pose-mastery -a claude-code. The file will be placed at ~/.claude/skills/straight-ahead-pose-mastery/SKILL.md.

What does the straight-ahead-pose-mastery skill do?

It guides the decision between spontaneous straight-ahead drawing and deliberate pose-to-pose planning. It provides concrete rules for interface transitions, visual effects, and game motion.

What is the recommended hybrid animation workflow?

Animators block key poses and breakdowns first to lock timing and structure. Then they produce detailed in-betweens and gestural polish through sequential straight-ahead passes.

Source text

SKILL.md · MIT
---
name: straight-ahead-pose-mastery
description: Use when planning animation workflows, deciding between spontaneous vs controlled approaches, or balancing creative freedom with structural precision.
---

# Straight Ahead vs Pose to Pose Mastery

## The Workflow Principle

This principle isn't about what animation looks like—it's about how animation is created. Two fundamentally different approaches produce different qualities, and understanding when to use each (or combine them) separates competent animators from masters.

## Core Theory

**Straight Ahead Action**: Drawing frame 1, then frame 2, then frame 3, sequentially. The animator discovers the motion while creating it. Like jazz improvisation—spontaneous, energetic, unpredictable.

**Pose to Pose**: Planning key poses first, then filling in between. The animator architects the motion before executing. Like classical composition—controlled, precise, structured.

## Character Comparison

| Aspect | Straight Ahead | Pose to Pose |
|--------|---------------|--------------|
| Energy | Wild, organic | Controlled, deliberate |
| Planning | Minimal | Extensive |
| Proportion control | Difficult | Easy |
| Spontaneity | High | Lower |
| Revisions | Costly | Efficient |
| Best for | Effects, chaos, fluidity | Acting, dialogue, precision |

## The Hybrid Approach

Modern animation rarely uses pure methods. The standard workflow:
1. **Block** key poses (pose to pose planning)
2. **Add** breakdowns between keys
3. **Straight ahead** through detailed in-betweens
4. **Polish** with spontaneous additions

This captures benefits of both: structural clarity with organic life.

## Interaction with Other Principles

**Timing is easier with pose to pose**: You can adjust spacing before committing to in-betweens.

**Squash/stretch benefits from straight ahead**: The organic flow discovers natural deformation.

**Arcs are cleaner with pose to pose**: Planned paths prevent drift.

**Secondary action often goes straight ahead**: Spontaneous treatment keeps it subordinate and natural.

## Domain Applications

### UI/Motion Design

**Pose to Pose scenarios**:
- Page transitions (defined start/end states)
- Loading sequences (specific keyframes)
- Micro-interactions (precise feedback loops)

**Straight Ahead scenarios**:
- Particle effects (organic, unpredictable)
- Ambient animations (breathing, floating)
- Generative motion (procedural, evolving)

### Character Animation

**Pose to Pose scenarios**:
- Dialogue and lip sync (hit specific phonemes)
- Choreographed action (stunts, dance)
- Emotional beats (controlled timing)

**Straight Ahead scenarios**:
- Effects animation (fire, water, smoke)
- Creature motion (tentacles, tails)
- Impact reactions (chaotic response)

### Procedural Animation

Modern engines often combine approaches:
- **Keyframed base**: Pose to pose structure
- **Procedural overlay**: Straight ahead secondary motion
- **Physics simulation**: Pure straight ahead chaos with constraints

### Prototyping Workflows

- **Exploration phase**: Straight ahead to discover possibilities
- **Refinement phase**: Pose to pose to lock timing
- **Polish phase**: Straight ahead details on structured foundation

## Common Mistakes

1. **Pure straight ahead on complex acting**: Loses structure and timing control
2. **Pure pose to pose on effects**: Feels mechanical, lacks organic quality
3. **No planning on long sequences**: Straight ahead drift accumulates
4. **Over-planning spontaneous elements**: Kills natural energy

## The Energy Injection Technique

When pose-to-pose animation feels lifeless, inject straight-ahead passes: small gestural additions, overshoots, settling noise. Structure provides clarity; spontaneity provides life.

## Implementation Heuristic

Start pose to pose for anything requiring precise timing or specific poses. Switch to straight ahead for organic elements, effects, and secondary motion. Hybrid approach: plan the skeleton, improvise the flesh.

© dylantarre · MIT · dylantarre/animation-principles

Similar skills

Everything for Design →

From the same set142

continuous-loops Guides AI agents in creating looping CSS animations with Disney motion principles. Useful for spinners, pulse indicators, typing dots, and ambient effects. CX Codex +1 497installs universal-patterns Sets baseline durations, easing curves and the 12 animation principles for any motion in an interface. Useful when your agent writes CSS transitions and guesses the timing wrong. CX Codex +1 496installs secondary-action-mastery A skill for adding secondary motion that supports the primary action instead of fighting it. Useful for UI animation and game feel. CX Codex +1 496installs feedback-indicators A skill for confirmation animations: success checkmarks, error shakes, form validation and toasts. Useful when the UI has to answer back clearly. CX Codex +1 495installs exaggerated-clarity This skill helps make key animation moments easier to read. Use it to shape comedy, action, or story beats where subtle motion may get lost. CX Codex +1 496installs Animation Principles - Troubleshooting A skill that diagnoses why an animation feels wrong and points to the principle being misapplied. Useful when the motion reads badly but the cause is unclear. CX Codex +1 492installs Animation Principles - Refresher A concise 12-principles animation checklist without basic theory. Helps experienced animators quickly audit shots, diagnose floaty or stiff movement, and prioritize principles. CX Codex +1 492installs Animation Principles - Advanced A skill for animators who already know the fundamentals and want the nuances: invisible squash/stretch, missing anticipation, deliberately broken arcs. CX Codex +1 492installs

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor