skills.rest
gooseworks-ai
gooseworks-aiOFFICIAL
Explore all skills by this author →
WebsiteGitHub

numeral-roller

Animate vertical digit wipes for mechanical countdown and odometer displays.

6|1|Updated May 29, 2026
Search Tags:#animation#stopwatch#odometer#digit animation#numeric display
One-click install
npx skills add https://github.com/gooseworks-ai/gooseworks-ads-skills --skill numeral-roller
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: numeral-roller
Source: https://github.com/gooseworks-ai/gooseworks-ads-skills/tree/main/skills/atoms/motion-graphics/effects/numeral-roller
Command: npx skills add https://github.com/gooseworks-ai/gooseworks-ads-skills --skill numeral-roller

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides a mechanical, digit-by-digit display for numeric values, perfect for stopwatch and odometer designs, offering a distinct look compared to smooth value interpolation.

Core Features & Use Cases

  • Digit Wipe Animation: Animates each digit sliding in vertically to replace the previous one.
  • Customization: Adjustable for different sequences, hold frames, wipe frames, and font properties.
  • Use Case: When creating a digital timer in a sports broadcast, this Skill can provide a stylized numeric display for the elapsed time.

Quick Start

Use the numeral-roller skill to generate a 12-digit display for a stopwatch, starting with '012345678910', set to hold each digit for 20 frames and wipe for 4 frames.

Frequently Asked Questions about numeral-roller

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create mechanical digit animations for an odometer or stopwatch display?▼

You can customize digit wipe animations by adjusting hold frames, wipe frames, and font properties to control sequence timing and achieve visual balance for each digit in the numeric display.

What is digit wipe animation versus smooth value interpolation for numeric displays?▼

Digit wipe animation produces a mechanical, discrete digit-by-digit transition for numeric displays, offering a distinct visual style compared to smooth value interpolation that morphs numbers fluidly.

Can I adjust the hold frames and wipe frames for a numeric display sequence?▼

Yes, you can customize hold frames and wipe frames for numeric display sequences, allowing precise control over how long each digit holds before sliding out and how many frames the wipe transition takes.

What's the best way to animate a multi-digit countdown timer for a sports broadcast?▼

To animate a multi-digit countdown timer for a sports broadcast, use a mechanical digit wipe to slide each digit vertically into place, applying linear easing to ensure balanced visual timing across the sequence.

Does the digit wipe animation require linear easing for each digit?▼

Yes, the digit wipe animation requires linear easing and visual balance for each digit in the sequence to maintain the mechanical, discrete transition style characteristic of stopwatch and odometer displays.

Related Skills

Explore More Design & Creative Skills→
gooseworks-aigooseworks-ai
6

A6-numeral-roller

Generate slot-machine-style digit swap animations with customizable canvas and numeral layout.

Official
Intermediate
Pika-LabsPika-Labs
38

baseball-trend

Generate an MLB broadcast-style still and 15-second video from one reference photo.

Official
Advanced
adamhjkadamhjk
2

pixijs

Build interactive 2D graphics and animations with PixiJS.

Community
Advanced
ai-analyst-labai-analyst-lab
16

distribution-profiler

Profile numeric column distributions and generate diagnostic reports with A/B testing guidance.

Official
Advanced