synthetic-screen-recording

Decision this skill answers: When the user wants a screen-recording-looking demo of a terminal, CLI tool, or coding work...

github

threejs-animation

import as THREE from "three"; // Simple procedural animation const clock = new THREE.Clock(); function animate() { cons...

github

beautiful-mermaid

Render Mermaid diagrams as SVG and PNG images using the Beautiful Mermaid library. This skill requires the agent-browser...

github

pose-library-design

Use this skill when producing poselibrary artifacts. Neutral: idle, breathe, listening. Attention: lookup, lookdown, loo...

github

seedance-2-0

Seedance 2.0 is the ByteDance Seed team's unified multimodal video+audio model (released Feb 2026, globally available vi...

github

threejs-interaction

import as THREE from "three"; import { OrbitControls } from "three/addons/controls/OrbitControls.js"; // Camera control...

github

gsap-timeline

Apply when building multi-step animations, coordinating several tweens in sequence or parallel, or when the user asks ab...

github

gsap-utils

Apply when writing or reviewing code that uses gsap.utils for math, array/collection handling, unit parsing, or value ma...

github

setup-api-key

Guide the user through obtaining and configuring an ElevenLabs API key. Before asking the user for a key, check for an e...

github

hyperframes-cli

Everything runs through npx hyperframes. Requires Node.js >= 22 and FFmpeg. Scaffold — npx hyperframes init my-video Wri...

github

gsap-plugins

Apply when using or reviewing code that uses GSAP plugins: registering plugins, scroll-to, flip/FLIP animations, draggab...

github

speech-to-text

Transcribe audio to text with Scribe v2 - supports 90+ languages, speaker diarization, and word-level timestamps. Setup:...

github

hyperframes

HTML is the source of truth for video. A composition is an HTML file with data- attributes for timing, a GSAP timeline f...

github

threejs-geometry

import as THREE from "three"; // Built-in geometry const box = new THREE.BoxGeometry(1, 1, 1); const sphere = new THREE...

github

vercel-composition-patterns

Composition patterns for building flexible, maintainable React components. Avoid boolean prop proliferation by using com...

github

avatar-video

Create AI avatar videos with full control over avatars, voices, scripts, scenes, and backgrounds. Build single or multi-...

github

gsap-scrolltrigger

Apply when implementing scroll-driven animations: triggering tweens/timelines on scroll, pinning elements, scrubbing ani...

github

sound-effects

Generate sound effects from text descriptions — supports looping, custom duration, and prompt adherence control. Setup: ...

github

video_toolkit

Create professional explainer videos from a text brief. The toolkit uses open-source AI models on cloud GPUs (Modal or R...

github

character-animation-qa

Use this skill before presenting a character-animation preview or final render. Schema validation: character design, rig...

github

gsap-core

Apply when writing or reviewing GSAP animations that use the core engine: single tweens, eases, staggers, or when explai...

github

hyperframes-registry

The registry provides reusable blocks and components installable via hyperframes add <name>. Blocks — standalone sub-com...

github

visual-style

Create, extract, and apply portable visual design systems. A visual-style.md file defines colors, typography, layout, mo...

github

video-understand

Understand video content locally using ffmpeg for frame extraction and Whisper for transcription. Fully offline, no API ...

github