Run any Skill in Manus with one click

animated-video

Stars0

Forks0

UpdatedApril 29, 2026 at 19:35

Timeline-based motion design — produce short looping or narrative animations. Use when user asks for an animated explainer, intro/outro, kinetic typography, or motion graphic. Output is a self-contained HTML file with CSS/JS keyframes or a Remotion/Lottie composition.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

ReByteAI

ReByteAI/rebyte-skills

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Film and Video EditorsArts, Design, Entertainment, Sports, and Media Occupations·SOC 27-4032

Special Effects Artists and AnimatorsSOC 27-1014

SKILL.md

readonly

version	1
name	animated-video
description	Timeline-based motion design — produce short looping or narrative animations. Use when user asks for an animated explainer, intro/outro, kinetic typography, or motion graphic. Output is a self-contained HTML file with CSS/JS keyframes or a Remotion/Lottie composition.
user-invocable	true

animated-video

Build a short animated piece that runs in the browser without external runtime.

Default form

Single HTML file with inline CSS keyframes / WAAPI / requestAnimationFrame
1080×1080 or 16:9 stage, target ≤30s, ≤60fps
All assets inlined or fetched from public artifact URLs (no relative paths)

Structure

Stage container with fixed aspect ratio
Layered scenes (intro / hold / outro)
Easing curves chosen for purpose, not novelty (overuse of bounce = AI slop)

Verification

Loops cleanly if requested as loop
Plays in Chrome + Safari without console errors
Pauses on prefers-reduced-motion: reduce

More from this repository

same repository

data

ReByteAI/rebyte-skills

Historical data access for the stock-analysis Backtesting pillar. Query the Rebyte Financial Data Service through the Relay Data API with read-only SQL, plus semantic search over historical news when needed for data exploration.

2026-07-190

stock-analysis

ReByteAI/rebyte-skills

The single financial skill: stock and company analysis plus strategy backtesting, on the Rebyte financial data lake (US equities + China A-shares). Covers price history, technical analysis, company research, news, fundamentals, dividends/splits, insider trading via SEC EDGAR, multi-stock comparison, and NautilusTrader backtesting with a first-class result bundle. Use when the user mentions stock tickers, stock prices, company analysis, investment research, financial data, or wants to backtest a strategy. Triggers: stock symbol (AAPL, TSLA, 000001.SZ), 'stock price', 'analyze stock', 'compare stocks', 'company financials', 'insider trading', 'SEC filing', 'is X a good buy', 'price history', 'backtest', '回测'. Do NOT use for full-blown multi-source research reports (use financial-deep-research instead).

2026-07-190

backtesting

ReByteAI/rebyte-skills

Stock-analysis Backtesting pillar. Run realistic event-driven backtests with NautilusTrader, including historical data acquisition through data/SKILL.md and execution/reporting. Use for strategy simulation, signal evaluation, Sharpe/drawdown/returns, in-sample vs out-of-sample, walk-forward, or parameter comparison. Do NOT use for live trading; the data lake is historical (T+1) only.

2026-07-190

anyfinancial-financial-templates

ReByteAI/rebyte-skills

Template-only financial analysis workflows for statement analysis, valuation analysis, company research, industry research, and finance-specific output patterns. Use when the user asks for a financial analysis structure, report outline, model rubric, or reusable instructions rather than live data retrieval.

2026-07-190

financial-charts

ReByteAI/rebyte-skills

Render TradingView-style interactive price charts (candlesticks, indicator overlays, trade markers, volume/RSI/MACD panes) from OHLCV data using TradingView's open-source Lightweight Charts. Use for any price/market chart - "K线图", "candlestick chart", "price chart", "backtest chart", "plot the strategy", "chart AAPL", "TradingView-style chart", "show entries and exits on the chart". Do NOT use for non-price visualizations (heatmaps, pie, treemaps) - use the echarts skill for those.

2026-07-040

text-to-music

ReByteAI/rebyte-skills

Generate music from text (and optionally a reference image) using Google Lyria 3 via Rebyte data API. Two models — `lyria-3` for fast 30-second clips, `lyria-3-pro` for full songs up to ~3 minutes with structural awareness (intro/verse/chorus/bridge). 44.1 kHz stereo MP3 or WAV. Pass an `image` to condition mood/genre on a visual. Use for soundtracks, jingles, intro/outro music, ambient beds, podcast theme music, image-to-music, or any text-to-music task. Triggers include "generate music", "create a song", "make a soundtrack", "compose music", "background music", "jingle", "theme song", "music from prompt", "text to music", "image to music", "music from image", "AI music".

2026-05-090

version	1
name	animated-video
description	Timeline-based motion design — produce short looping or narrative animations. Use when user asks for an animated explainer, intro/outro, kinetic typography, or motion graphic. Output is a self-contained HTML file with CSS/JS keyframes or a Remotion/Lottie composition.
user-invocable	true

animated-video

Build a short animated piece that runs in the browser without external runtime.

Default form

Single HTML file with inline CSS keyframes / WAAPI / requestAnimationFrame
1080×1080 or 16:9 stage, target ≤30s, ≤60fps
All assets inlined or fetched from public artifact URLs (no relative paths)

Structure

Stage container with fixed aspect ratio
Layered scenes (intro / hold / outro)
Easing curves chosen for purpose, not novelty (overuse of bounce = AI slop)

Verification

Loops cleanly if requested as loop
Plays in Chrome + Safari without console errors
Pauses on prefers-reduced-motion: reduce