Skip to content

josebarnetche/remotion-trading

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 

Repository files navigation

remotion-trading

An agent skill for creating crypto trading videos using Remotion. Bloomberg-terminal-style vertical Reels with real market data, seamless loops, and silent-first design.

Install

npx skills add josebarnetche/remotion-trading

Or install manually:

# Claude Code
npx skills add josebarnetche/remotion-trading -a claude-code -g

# Any agent
npx skills add josebarnetche/remotion-trading -a cursor -g

What It Does

Generates Remotion compositions for crypto price visualization videos:

  • Price Journey — Line/candle chart draws from past to present, price counter scrambles and locks
  • Market Dashboard — Multi-coin grid with sparklines
  • Comparison — BTC vs ETH normalized percentage chart
  • Weekly Top Movers — Horizontal bar chart of performers
  • ATH Alert — Flash + slam for new all-time highs

Design Principles

  • Real data only — Binance and CoinGecko APIs. Never fabricated prices.
  • Bloomberg terminal aesthetic — Data-dense, monospace, thin grids, pure black background.
  • Silent-first — Text overlays carry the story. Works without sound.
  • Always loops — Every composition seamlessly loops via crossfade.
  • Vertical format — 1080x1920 Instagram Reels by default.

Data Sources

API Use Auth
Binance /api/v3/klines OHLCV candlestick data None
Binance /api/v3/ticker/24hr 24h price, volume, range None
CoinGecko /api/v3/coins/{id} Market cap, ATH, supply None (rate limited)

Example Usage

Once installed, say:

  • "Create a BTC 30-day price recap reel"
  • "Make an ETH vs SOL comparison video"
  • "Build a weekly top movers reel for the top 8 coins"

The skill handles data fetching, chart layout, animation timing, and Remotion composition structure.

Skill Structure

SKILL.md                           — Core instructions (438 lines)
references/
├── chart-components.md            — Line, candle, volume, counter, badges
├── animation-patterns.md          — Phase timing, draw, scramble, loops
├── data-integration.md            — Binance + CoinGecko, types, validation
└── scene-templates.md             — 6 composition templates

Supported Agents

Works with any agent that supports the Agent Skills specification:

Claude Code, Cursor, Codex, Cline, Windsurf, Amp, and 30+ more.

License

MIT

About

Agent skill for creating crypto trading videos with Remotion. Bloomberg-terminal-style vertical Reels with real market data.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors