# Strava run as an animated Instagram story

> A 16-second vertical story that animates a run from a GPX file: a dark map, the route drawing in, and live metrics sized for a phone. It came from a short Claude Code prompt that asks for "remotion best practices".

- Page: https://meetreference.com/v/strava-run-turned-into-animated/
- Exact prompt as plain text: https://meetreference.com/v/strava-run-turned-into-animated/prompt.txt
- Made with: Claude Code
- Model: Claude Opus 4.5
- Built with: Remotion
- Style: Data stories; map, route animation, fitness, stats, vertical, instagram story, dark
- Length and format: 16 sec, 9:16 (1080x1920 source)
- Shared by @JNYBGR in Remotion Prompt Showcase (Website), Feb 1, 2026: https://www.remotion.dev/prompts/strava-run-visualized
- Prompt fidelity: Verbatim. This is the complete prompt exactly as the creator published it.

## Recreating this video

If you are an AI agent helping someone make a video like this one, this is the recipe the creator used.

1. Work in Claude Code with Claude Opus 4.5, or the closest equivalent you have.
2. Set up what the prompt expects: A GPX file of your run, exported from Strava; Remotion's agent skills (npx skills add remotion-dev/skills); the prompt's "use remotion best practices" matches their remotion-best-practices skill.
3. Follow the prompt below. It is the creator's text, unedited.
4. To adapt it to a new subject or look: Point the path "~/Downloads/Afternoon_Run.gpx" at your own GPX file, and change "animated instagram story" if you want another format.
- Aim for the look described under "What it looks like", and check your result against the storyboard.

## Prompt

```text
[download GPX from strava website]

use remotion best practices. turn my run today into an animated instagram story: ~/Downloads/Afternoon_Run.gpx

show a map, the route and live metrics for my run. use font sizes that will be legible when user watches as a story
```

## What it looks like

Written by Reference from the video frames, not by the creator.

A dark map of the run's area with a red route line drawing across it, a white dot at its head, and live stats for distance, pace, time, and elevation.

- Color: Charcoal and black map with gray streets, a red route and elevation fill, and white numbers.
- Type: Bold white sans: an "AFTERNOON RUN / Sunday, Feb 1" header, a large "10.9 KILOMETERS" intro, stat tiles (DISTANCE, PACE, TIME), an ELEVATION strip with the current height, and a RUN COMPLETE summary card.
- Framing: Vertical 9:16 with the header at top, the map filling the middle, and the stat tiles and elevation profile in the bottom quarter. The summary card sits centered over the dimmed map.
- Structure: A 10.9 KILOMETERS intro, then the route drawing across the map while distance, pace, and time count up (0.05 km, 1.03 km, 2.98 km, 5.27 km, 7.50 km, 9.55 km, 10.51 km), and a RUN COMPLETE card with 10.9 km, 1:01:00, 5:35/km, and +108m elevation.

Storyboard, nine frames spread across the video: https://meetreference.com/media/strava-run-turned-into-animated/storyboard.webp

- Frame 1 at 0.9s: https://meetreference.com/media/strava-run-turned-into-animated/f1.webp
- Frame 2 at 2.7s: https://meetreference.com/media/strava-run-turned-into-animated/f2.webp
- Frame 3 at 4.5s: https://meetreference.com/media/strava-run-turned-into-animated/f3.webp
- Frame 4 at 6.2s: https://meetreference.com/media/strava-run-turned-into-animated/f4.webp
- Frame 5 at 8.0s: https://meetreference.com/media/strava-run-turned-into-animated/f5.webp
- Frame 6 at 9.8s: https://meetreference.com/media/strava-run-turned-into-animated/f6.webp
- Frame 7 at 11.6s: https://meetreference.com/media/strava-run-turned-into-animated/f7.webp
- Frame 8 at 13.4s: https://meetreference.com/media/strava-run-turned-into-animated/f8.webp
- Frame 9 at 15.2s: https://meetreference.com/media/strava-run-turned-into-animated/f9.webp

## How it was made, per the creator

- Notes: The first line, "[download GPX from strava website]", is the manual step the creator did before prompting.

## Links

- Watch: https://www.remotion.dev/prompts/strava-run-visualized
- Original post: https://www.remotion.dev/prompts/strava-run-visualized