anticipation-payoff

Use when designing action sequences, gags, reveals, or any motion that needs setup before delivery—preparing audiences for what's coming and maximizing impact.

16 stars

Best use case

anticipation-payoff is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

Use when designing action sequences, gags, reveals, or any motion that needs setup before delivery—preparing audiences for what's coming and maximizing impact.

Teams using anticipation-payoff should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/anticipation-payoff/SKILL.md --create-dirs "https://raw.githubusercontent.com/diegosouzapw/awesome-omni-skill/main/skills/design/anticipation-payoff/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/anticipation-payoff/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How anticipation-payoff Compares

Feature / Agentanticipation-payoffStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

Use when designing action sequences, gags, reveals, or any motion that needs setup before delivery—preparing audiences for what's coming and maximizing impact.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# Anticipation & Payoff

Think like a comedian setting up a punchline. Every great moment is earned by what came before. The windup is half the pitch.

## Core Mental Model

Before animating any action, ask: **What prepares the audience for this?**

Anticipation isn't just physical preparation—it's a promise. You're telling the audience "something's coming" so they're primed to receive it. The payoff is keeping that promise with interest.

## The 12 Principles Through Setup-Delivery

**Anticipation** — The principle itself. Before going right, go left. Before jumping up, crouch down. The opposite direction creates spring-loaded energy.

**Timing** — Setup needs time to register. Rush the anticipation and the payoff feels random. Hold it too long and tension deflates. Find the sweet spot.

**Staging** — Frame the anticipation so it's unmissable. The audience can't appreciate a payoff they weren't prepared for. Clear staging of setup = satisfying delivery.

**Exaggeration** — Push the anticipation to heighten payoff. A bigger windup = bigger impact. But match scales—extreme setup needs extreme delivery.

**Follow Through & Overlapping Action** — Payoff has aftermath. The action doesn't end at impact; it resolves through settling motion. Let consequences play out.

**Secondary Action** — Setup through supporting elements. Environment reacts to gathering energy. Other characters notice. Secondary actions can foreshadow the main event.

**Slow In & Slow Out** — Ease into anticipation (building tension), snap through the action (release), ease out of payoff (resolution). The rhythm of drama.

**Squash & Stretch** — Compression before extension. Squash is stored energy (setup). Stretch is released energy (payoff). Physical metaphor for narrative structure.

**Arcs** — Setup and payoff follow complementary arcs. The anticipation arc winds backward; the action arc springs forward. Together they form a complete gesture.

**Appeal** — Well-structured anticipation-payoff is inherently satisfying. Audiences love the rhythm of setup and delivery. It's why jokes work.

**Straight Ahead & Pose to Pose** — Plan your key moments: anticipation pose, action peak, payoff pose. Then connect them. Know your destination before you travel.

**Solid Drawing** — Maintain volume through the sequence. The same character in setup and payoff must read as the same mass. Consistency grounds the action.

## Practical Application

**Types of Anticipation:**
- Physical: Crouch before jump, pullback before throw
- Emotional: Inhale before outburst, stillness before action
- Environmental: Quiet before storm, calm before chaos
- Comedic: Pause before punchline, look before double-take

**Payoff Techniques:**
- Exceed expectation: Deliver more than the setup promised
- Subvert expectation: Deliver something unexpected (comedy)
- Delay gratification: Multiple anticipations before one big payoff
- Instant release: Snap from full anticipation to peak action

When payoff feels "weak":
1. Extend anticipation duration
2. Increase anticipation magnitude
3. Add secondary anticipation cues
4. Sharpen the contrast between setup and action

When setup feels "telegraphed":
1. Reduce anticipation duration
2. Distract with secondary action
3. Use environmental anticipation instead of character
4. Let payoff extend beyond expectation

## The Golden Rule

**Every action is a tiny story: beginning, middle, end.** Anticipation is "once upon a time," action is "and then," payoff is "the end." Skip any chapter and the story fails.

Related Skills

anticipation-mastery

16
from diegosouzapw/awesome-omni-skill

Use when designing action sequences, user interactions, state transitions, or any motion that needs telegraphing to feel intentional rather than sudden.

bgo

10
from diegosouzapw/awesome-omni-skill

Automates the complete Blender build-go workflow, from building and packaging your extension/add-on to removing old versions, installing, enabling, and launching Blender for quick testing and iteration.

Coding & Development

web-design-guidelines

16
from diegosouzapw/awesome-omni-skill

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

voxanne-branding-expert

16
from diegosouzapw/awesome-omni-skill

Strategic branding, business development, and UI/UX design expertise for Voxanne AI. Combines business strategy, visual design principles, and market positioning to create enterprise-grade branding assets and go-to-market strategies. Use when designing logos, creating brand guidelines, developing marketing strategies, or positioning products against competitors like ChatGPT, Anthropic, and Google.

vibe-techdesign

16
from diegosouzapw/awesome-omni-skill

Create a Technical Design Document for your MVP. Use when the user wants to plan architecture, choose tech stack, or says "plan technical design", "choose tech stack", or "how should I build this".

vapor-ui

16
from diegosouzapw/awesome-omni-skill

Vapor UI design system component and icon guide, UI mockup generator, and Figma design converter. Provides component catalog, icon lookup, usage patterns, props documentation, and converts Figma designs to production-ready vapor-ui code. Use when user asks "vapor-ui components", "vapor-ui icons", "아이콘 찾기", "vapor-ui 사용법", "vapor-ui를 사용해서 시안 구현", "convert figma", "figma to code", "implement design from figma", provides a Figma URL, or mentions specific components like "Button", "Input", "Modal".

ux-visualizer

16
from diegosouzapw/awesome-omni-skill

Analyzes source code or requirements to generate high-fidelity screen and state transition diagrams. Specialized in SPA state mapping.

ux-ui-exp

16
from diegosouzapw/awesome-omni-skill

UI/UX design intelligence with Bootstrap 5, Font Awesome, SweetAlert2. Use: /ux-ui-exp {command}

ux-spec-author

16
from diegosouzapw/awesome-omni-skill

Converts UX/design intent into testable design specifications that feed requirements. Use when defining user flows, accessibility, or design constraints.

ux-expert-dialogue

16
from diegosouzapw/awesome-omni-skill

Runs interactive expert review sessions where a senior UX composite persona (Nielsen, Krug, Kahneman, Cialdini, Ilincev) challenges decisions, provides direct critique with data-backed reasoning, and brainstorms alternatives section-by-section. Use when creating a new website/landing page and need expert challenge, want section-by-section review with quantified impact estimates, need an opponent who questions assumptions, brainstorming design alternatives, or preparing for major redesign or launch. Trigger phrases include "expert review", "critique my design", "challenge my assumptions", "section-by-section review". NOT for quick fixes with known solutions (use ux-optimization), implementing proven patterns directly, or when you want agreement rather than challenge.

ux-audit

16
from diegosouzapw/awesome-omni-skill

AI skill for automated design audits. Evaluate interfaces against proven UX principles for visual hierarchy, accessibility, cognitive load, navigation, and more. Based on Making UX Decisions by Tommy Geoco.

understando

16
from diegosouzapw/awesome-omni-skill

Pre-commit quiz that tests your understanding of code changes before allowing commits. Use when committing code through Claude Code to ensure engineers understand what they're committing. Requires hook installation - see repository README for setup.