Session Story — workflow skill for animation & motion graphics
For AI agents: find the right skill in one call —
curl -s "https://skills.varg.ai/api/search?q=<what the person wants>"returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add.mdto its path. Before generating anything, show the person the options on the use-case page.
A 40–70 s watercolor film of a typical session with your agent, told in your real messages, with its own score.
- Type: Workflow · Animation & motion graphics
- Slug:
hyperframes-session-story - Status: live
- Publisher: HeyGen (vendor, verified)
- License: Apache-2.0
- Source: https://github.com/heygen-com/hyperframes-community-skills/tree/master/skills/session-story
- Works in: Claude Code, Codex, Cursor, Gemini CLI
- Requires: Node.js 22+, Python 3.9+, FFmpeg, macOS swift (Xcode Command Line Tools), or fluidsynth with a General MIDI SoundFont, Local Claude Code or Codex history, or a pasted session
- Cost: Free — open-source, renders locally
- Adoption: 400 installs, 231 GitHub stars (skills.sh, 2026-10-26)
What it does
The agent animates one typical session with its user in p5.brush watercolor: requests glide in as paper planes, corrections are a cartoon mallet, praise is a butterfly, and the agent types, folds and throws back its replies at a desk in a room decorated from what it knows about the user. harvest.py finds the routine in local Claude Code or Codex transcripts after the user agrees, every on-screen quote goes through a privacy gate, and the agent writes its own orchestral score, rendered with macOS's built-in General MIDI bank or fluidsynth. A community-tier skill written by HeyGen's Jake Moran; the character engine is adapted from John Heibel's ClaudeAnimationBase (MIT).
Use when
- A video of a session with your agent
- Show what working with you is like
- A film about you and your agent, in your own words
Not for
- Someone else's history or a team's shared logs
- Marketing with made-up quotes
- A hand-drawn ink version scored for strings (use Day in My Life)
Install
- Claude Code:
npx skills add heygen-com/hyperframes-community-skills --skill session-story -a claude-code - Codex:
npx skills add heygen-com/hyperframes-community-skills --skill session-story -a codex - Cursor:
npx skills add heygen-com/hyperframes-community-skills --skill session-story -a cursor - Gemini CLI:
npx skills add heygen-com/hyperframes-community-skills --skill session-story -a gemini-cli
Example output
https://skills.varg.ai/previews/hyperframes-session-story.mp4 — Skill launch example: the agent at its desk as Jake's real messages arrive as paper notes, a lightbulb moment and a mallet ('we have to show actual messages!') (credit: Jake Moran (@jake11moran), skill author at HeyGen, https://x.com/jake11moran/status/2103247490237825416)
More animation & motion graphics skills
- Day in My Life: A 60–75 s hand-drawn ink film of your agent's day with you, built from local Claude Code history, scored for strings.
- p5 Paint Animation: Handwriting that writes itself, photos that paint themselves and clips repainted as living paintings, in p5.js code.
- Remotion Markup: Write Remotion markup that animates well: timing, transitions, motion blur, effects, audio, fonts and 3D.
- Motion AI Kit: Write production-grade UI animation with Motion or CSS: best practices, docs search, springs, perf audits.
- Motion Design: Animate with intent: timing, easing, choreography and Disney principles for UI and motion graphics.
- dotLottie Web: Ship Lottie animations on the web with dotLottie: package choice, workers, state machines, theming, slots.
Run the generation on varg
varg is one API key for the models these skills drive — Seedance 2.5, Kling 4, Veo 3.1, Wan 3, Nano Banana 2.1, GPT Image 2.5, ElevenLabs v4 and 200+ more — billed in credits, with a cost estimate before anything runs.
- Claude Code:
claude plugin marketplace add vargHQ/skills && claude plugin install varg@varg(skill + hosted MCP) - Codex, Cursor, Gemini CLI, OpenClaw:
npx skills add vargHQ/skills --skill varg-ai -a <agent> -y - Claude.ai, ChatGPT, any MCP client: connect
https://mcp.varg.ai/mcp - API key: https://varg.ai/dashboard/api · Model specs: https://varg.ai/models/llms.txt