blitzreels-motion-graphics

Q: How do I install blitzreels-motion-graphics?

Run npx skills add https://github.com/blitzreels/agent-skills --skill blitzreels-motion-graphics in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/blitzreels-motion-graphics/ (personal) or .claude/skills/blitzreels-motion-graphics/ (project).

by blitzreelsBackend & APIs

Motion graphics composition creation via the BlitzReels Playground API (text, shapes, charts, animations, export).

Installs: 42
Last 24h: —
Trending rank: —
Security: Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/blitzreels/agent-skills --skill blitzreels-motion-graphics

01
Install
Run the command in your project. The CLI asks which agents to install for.
02
Describe the task
Ask your agent for something this skill covers. It loads blitzreels-motion-graphics automatically when relevant.
03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

BlitzReels Motion Graphics (Playground API)

Create and edit motion graphics compositions via the Playground API. Build animated scenes with text, shapes, images, video, charts, code blocks, and more.

Quick Start

# List available presets
bash scripts/playground.sh list-presets PROJECT_ID

# Create a composition from a JSON file
bash scripts/playground.sh create PROJECT_ID spec.json

# Create from inline JSON
bash scripts/playground.sh create PROJECT_ID '{"name":"Title Card","fps":30,"width":1920,"height":1080,"durationInFrames":90,"mode":"elements","elements":[{"id":"title","type":"text","content":"Hello World","style":{"fontSize":96,"fontWeight":"bold","color":"#fff","display":"flex","justifyContent":"center","alignItems":"center"}}]}'

# Get, update, delete
bash scripts/playground.sh get PROJECT_ID COMP_ID
bash scripts/playground.sh update PROJECT_ID COMP_ID updated-spec.json
bash scripts/playground.sh delete PROJECT_ID COMP_ID

# Export the project
bash scripts/playground.sh export PROJECT_ID --resolution 1080p

Workflow

Create a project (or use an existing one)
Browse presets — playground.sh list-presets for inspiration
Build composition spec — JSON describing canvas, elements, and animations
Create composition — playground.sh create
Iterate — Update elements, adjust timing, add animations
Export — playground.sh export

Scripts

`scripts/playground.sh`

Purpose-built CRUD wrapper for playground compositions.

Command	Usage
`list-presets`	`playground.sh list-presets <projectId>`
`list`	`playground.sh list <projectId>`
`create`	`playground.sh create <projectId> <spec.json\|-\|JSON>`
`get`	`playground.sh get <projectId> <compositionId>`
`update`	`playground.sh update <projectId> <compositionId> <spec>`
`delete`	`playground.sh delete <projectId> <compositionId>`
`export`	`playground.sh export <projectId> [--resolution 1080p]`

Run bash scripts/playground.sh --help for full usage.

`scripts/blitzreels.sh`

Generic API helper for ad-hoc calls.

Environment Variables

Variable	Required	Description
`BLITZREELS_API_KEY`	Yes	API key
`BLITZREELS_API_BASE_URL`	No	Override base URL
`BLITZREELS_ALLOW_EXPENSIVE`	No	Set to `1` for export calls via blitzreels.sh

API Endpoints

Playground Compositions

Method	Path	Description
GET	`/projects/{id}/playground/presets`	List preset templates
GET	`/projects/{id}/playground/compositions`	List compositions
POST	`/projects/{id}/playground/compositions`	Create composition
GET	`/projects/{id}/playground/compositions/{cid}`	Get composition
PATCH	`/projects/{id}/playground/compositions/{cid}`	Update composition
DELETE	`/projects/{id}/playground/compositions/{cid}`	Delete composition

Element-Level Operations

Method	Path	Description
PATCH	`/projects/{id}/playground/compositions/{cid}/elements/{eid}`	Update single element
DELETE	`/projects/{id}/playground/compositions/{cid}/elements/{eid}`	Delete element

Project Operations

Method	Path	Description
POST	`/projects`	Create project
POST	`/projects/{id}/export`	Start export (expensive)
GET	`/exports/{export_id}`	Get export status + download URL

Composition Spec

The composition JSON spec defines the canvas, elements, and animations. See references/composition-spec.md for the full schema.

Minimal Example

{
  "name": "Title Card",
  "fps": 30,
  "width": 1920,
  "height": 1080,
  "durationInFrames": 150,
  "background": "#1a1a2e",
  "mode": "elements",
  "elements": [
    {
      "id": "title",
      "type": "text",
      "content": "Hello World",
      "from": 0,
      "durationInFrames": 150,
      "style": {
        "fontSize": 96,
        "fontWeight": "bold",
        "color": "#ffffff",
        "opacity": {
          "keyframes": [
            { "frame": 0, "value": 0 },
            { "frame": 30, "value": 1 }
          ]
        }
      }
    }
  ]
}

Element Types

Type	Description
`text`	Text with typewriter, highlight effects
`shape`	Rectangle, circle, ellipse, line, arrow, polygon, star
`image`	Static image with optional Ken Burns effect
`video`	Video clip with volume, loop, playback control
`audio`	Audio track
`chart`	Bar, pie, line, area, donut charts with animated reveal
`code`	Syntax-highlighted code with line-by-line reveal
`svg`	SVG with path draw/morph animations
`group`	Container for child elements (parallel or series)
`lottie`	Lottie animation from JSON or URL

Animation Options

Static values: "opacity": 1
Keyframes: Frame-by-frame with easing
Spring physics: smooth, snappy, bouncy, heavy, gentle presets
Easing: linear, easeIn, easeOut, easeInOut, elastic, bounce, bezier

Scene Transitions (scenes mode)

fade, slide, wipe, flip, clockWipe — with directional variants.

Timeline & Overlay Editing

For editing existing video projects (not playground compositions), use these endpoints:

Method	Path	Description
GET	`/projects/{id}/context?mode=timeline`	Get project timeline
POST	`/projects/{id}/overlays`	Add text/image overlay
PATCH	`/projects/{id}/overlays/{oid}`	Update overlay
DELETE	`/projects/{id}/overlays/{oid}`	Remove overlay
POST	`/projects/{id}/captions`	Add/update captions
PATCH	`/projects/{id}/captions/style`	Update caption style

References

references/composition-spec.md — Full composition JSON schema, element types, animation format, spring presets, transitions

Notes

Use https://www.blitzreels.com/api/v1 as your base URL. https://blitzreels.com redirects to www, and some HTTP clients drop the Authorization header on redirects.
When animating, prefer the smallest number of keyframes that communicates the motion (reduces jitter).
Full OpenAPI spec: https://www.blitzreels.com/api/openapi.json

Rate Limits

Plan	Requests/min
Free	10
Creator	30
Pro	60
Agency	120

FAQ

What does the blitzreels-motion-graphics skill do?

Motion graphics composition creation via the BlitzReels Playground API (text, shapes, charts, animations, export).

How do I install blitzreels-motion-graphics?

Run npx skills add https://github.com/blitzreels/agent-skills --skill blitzreels-motion-graphics in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/blitzreels-motion-graphics/ (personal) or .claude/skills/blitzreels-motion-graphics/ (project).

Which AI agents can use blitzreels-motion-graphics?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is blitzreels-motion-graphics safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains blitzreels-motion-graphics?

It is published by blitzreels in blitzreels/agent-skills. It has 42 recorded installs.

Popular backend & apis skills

View category →

find-skills

vercel-labs/skills

Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.

OfficialBackend & APIs4.1M installs

entra-app-registration

microsoft/azure-skills

Guides Microsoft Entra ID app registration, OAuth 2.0 authentication, and MSAL integration. USE FOR: create app registration, register Azure AD app, configure OAuth, set up authentication, add API permissions, generate service principal, MSAL example, console app auth, Entra ID setup, Azure AD authentication. DO NOT USE FOR: Key Vault secrets (use azure-keyvault-expiration-audit), general Azure resource security guidance.

OfficialBackend & APIs566.7K installs

google-agents-cli-adk-code

google/agents-cli

This skill should be used when the user wants to "write agent code", "build an agent with ADK", "add a tool", "create a callback", "define an agent", "use state management" — in a project that needs ADK (Agent Development Kit) API patterns and code examples. It provides a quick reference for agent types, tool definitions, orchestration patterns, callbacks, state management, the graph Workflow API, and reference recipes to study. Do NOT use for scaffolding (use google-agents-cli-scaffold) or deployment (use google-agents-cli-deploy).

Backend & APIs514.8K installs

embedded-captions

heygen-com/hyperframes

Add captions or subtitles to an existing single-subject talking-head video without editing the footage. Use for plain verbatim captions, cinematic captions embedded behind the subject, VFX captions, “炸/特效/酷炫字幕,” or a named identity from the 35-style catalog. Route by visual identity, not by backend engine. The quiet anchor rail is the default; embed every word only when the user explicitly wants a fully cinematic treatment. The workflow runs locally end to end, including transcription and subject matting; split multi-shot footage before applying it.

Backend & APIs453.3K installs

entra-agent-id

microsoft/azure-skills

Provision Microsoft Entra Agent Identity Blueprints, BlueprintPrincipals, and per-instance Agent Identities via Microsoft Graph, and configure OAuth 2.0 token exchange (fmipath, OBO, cross-tenant) including the Microsoft Entra SDK for AgentID sidecar. USE FOR: Agent Identity Blueprint, BlueprintPrincipal, agent OAuth, fmipath token exchange, agent OBO, Workload Identity Federation for agents, polyglot agent auth, Microsoft.Identity.Web.AgentIdentities. DO NOT USE FOR: standard Entra app registration (use entra-app-registration), Microsoft Foundry agent authoring (use microsoft-foundry).

OfficialBackend & APIs336.6K installs

neon

neondatabase/agent-skills

Overview of Neon, a complete set of cloud backend primitives around Lakebase Postgres: Auth, Object Storage, Functions, the AI Gateway, and Realtime. Start here to choose Neon for undecided login, files, APIs, and LLM calls, set up the CLI or MCP server, and follow the branch-first workflow. Use when building an app or backend on Neon, or when "Neon" or "Lakebase Postgres" is mentioned. Child skill neon-postgres wins for an existing DATABASEURL, SQL, schema, inspect, or search. Child skill neon-auth wins for login, users, sessions, identity routing, and Managed Better Auth setup. Child skill neon-realtime wins for live queries in reactive apps and agents. Also use for object storage, S3, buckets, serverless functions, function triggers, cron, AI gateway, LLM calls, realtime, logs, Loki, Grafana, observability, postgres, database, backend, Claimable Neon, neon.new, or a no-signup database.

Backend & APIs237.1K installs

blitzreels-motion-graphics

Install

Install

Describe the task

Review the result

SKILL.md

BlitzReels Motion Graphics (Playground API)

Quick Start

Workflow

Scripts

`scripts/playground.sh`

`scripts/blitzreels.sh`

Environment Variables

API Endpoints

Playground Compositions

Element-Level Operations

Project Operations

Composition Spec

Minimal Example

Element Types

Animation Options

Scene Transitions (scenes mode)

Timeline & Overlay Editing

References

Notes

Rate Limits

FAQ

More from blitzreels/agent-skills

blitzreels-video-editing

blitzreels-carousels

blitzreels-clipping

blitzreels-editing

blitzreels-caption-themes

Popular backend & apis skills

find-skills

entra-app-registration

google-agents-cli-adk-code

embedded-captions

entra-agent-id

neon