Skill Codex
A rendering tool for creating deterministic 3D Chladni particle animations, where sound patterns shape moving particles, and exporting them as MP4 or transparent ProRes MOV videos.
Skill Codex
A rendering tool for creating deterministic 3D Chladni particle animations, where sound patterns shape moving particles, and exporting them as MP4 or transparent ProRes MOV videos.
Skill Codex
Create fast, high-impact 15-30 second brand and product marketing videos from an official company website, verified brand sources, or user-uploaded product imagery. Use for launch films, website motion videos, AI/SaaS demos, product promos, and Vibe Motion/Remotion productions that require exact logos, authentic…
Skill Codex
A video renderer that turns a written prompt into a Claude-style typing animation using Remotion, a tool for creating videos with code.
Skill Claude CodeCodex
Apply Disney's 12 principles as practical design and engineering rules for procedural animation. Use when creating, improving, reviewing, or debugging code-driven motion in web, SVG, canvas, React, Remotion, game, UI, character, camera, or 3D scenes; especially when motion feels stiff, weightless, mechanical, unclear…
Skill Codex
A reusable HTML animation in which a swinging spotlight reveals text, with settings for the text, swing, lamp size, glow, and colors.
Skill Codex
Turn a raster logo (PNG/JPG/WebP/screenshot) into a clean minimal SVG with edge smoothness as the primary hard gate and IoU optimized as high as reasonably possible without a fixed global threshold, then into a choreographed logo animation delivered as standalone JS-rendered HTML, applying Disney's 12 animation…
Skill Codex
A browser-based p5.js simulation that makes artwork or text move through separate curtain-like strands. p5.js is a JavaScript library for creating graphics and animations in a web browser.
Skill Claude CodeCodex
A skill that clones or updates the procedural-fish project and renders its fish animation into a video. Procedural animation means the movement is generated by rules or code rather than drawn frame by frame.
Skill Claude CodeCodex
A Remotion component for endlessly scrolling images in a three-dimensional vertical layout. Remotion is a React-based tool for creating videos with code.
Skill Claude CodeCodex
A Remotion skill for making animated candlestick charts, which show how a financial asset's price changes over time. It can use OHLC data: the opening, highest, lowest, and closing prices for each period.
Skill Claude CodeCodex
A Remotion animation component showing a realistic vinyl record player, with a music-player and album-display interface. Remotion is a React-based tool for creating videos with code.
Skill Claude CodeCodex
A skill that clones or updates the ruler-progress-animator project and renders its ruler-style progress video with the default settings.
Skill Claude CodeCodex
A skill that clones or updates a Three.js Earth project and captures an animated route around a 3D globe. Three.js is a JavaScript library for displaying 3D graphics in a browser.
Skill Claude CodeCodex
A project setup for rendering WeChat-style 2D chat motion videos with Remotion, a framework for creating videos with code. It uses the wechat-2d project and can clone or update it.
Skill Codex
A video-making skill for creating a fisheye screen-recording effect with scan lines, moiré patterns, darkened edges, zooming, and an animated yellow highlight.
Skill Codex
A video effect that changes a black-and-white photo or video into color while adding motion blur, a spin, and a soft glow.
Skill Claude Code
The fallback workflow for authoring custom HyperFrames video compositions at any length or format — longer or multi-scene pieces, brand / sizzle reels, montages, title cards, static loops, and freeform compositions. Input- and length-agnostic. If a specialized workflow clearly fits the input — a marketed product, a…
Skill Claude Code
Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, beat planning, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use hyperframes-motion.
Skill Claude Code
All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4…
Skill Claude Code
READ THIS FIRST for any request to make, create, edit, animate, or render a video, animation, or motion graphic — a promo, explainer, captioned clip, title card, overlay, or any composition. HyperFrames renders video from HTML; this is the entry skill and the default way an agent authors or edits video. It routes the…
Skill Claude Code
HyperFrames CLI dev loop. Use when running npx hyperframes init, add, catalog, capture, lint, validate, inspect, layout, snapshot, preview, play, render, publish, lambda, doctor, browser, info, upgrade, skills, compositions, docs, benchmark, telemetry, transcribe, or remove-background, or when troubleshooting the…
Skill Claude Code
The HyperFrames composition contract — build one renderable project. Use for composition structure, the data- timing attributes, class="clip", tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Read before writing composition HTML.
Skill Claude Code
Install and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add, installing a block or component, wiring an installed item into index.html, or working with hyperframes.json. Covers the add command, install locations, block sub-composition wiring, component snippet…
Skill Claude Code
Generate a single image from a text prompt using the MiniMax image generation API. Use when the user asks to create, generate, or render an image from a prompt and explicit width/height.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: